@charset "UTF-8";
/*
Theme Name: mytheme2
Theme URI: 
Description: huevo　汎用テーマ
Version: 1.0
Author: huevo
*/
/*////////////////////////////////////////////////////////////

Foundation

////////////////////////////////////////////////////////////*/
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
*/
#estatering3 {
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  nav,
  section,
  summary {
    display: block;
  }

  /**
* Correct `inline-block` display not defined in IE 8/9.
*/
  audio,
  canvas,
  video {
    display: inline-block;
  }

  /**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
  audio:not([controls]) {
    display: none;
    height: 0;
  }

  /**
* Address `[hidden]` styling not present in IE 8/9.
* Hide the `template` element in IE, Safari, and Firefox < 22.
*/
  [hidden],
  template {
    display: none;
  }

  /* ==========================================================================
Base
========================================================================== */
  /**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
*    user zoom.
*/
  html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
  }

  /**
* Remove default margin.
*/
  body {
    margin: 0;
  }

  /* ==========================================================================
Links
========================================================================== */
  /**
* Remove the gray background color from active links in IE 10.
*/
  a {
    background: transparent;
  }

  /**
* Address `outline` inconsistency between Chrome and other browsers.
*/
  a:focus {
    outline: thin dotted;
  }

  /**
* Improve readability when focused and also mouse hovered in all browsers.
*/
  a:active,
  a:hover {
    outline: 0;
  }

  /* ==========================================================================
Typography
========================================================================== */
  /**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }

  /**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/
  abbr[title] {
    border-bottom: 1px dotted;
  }

  /**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
  b,
  strong,
  .strong {
    font-weight: bold;
  }

  /**
* Address styling not present in Safari 5 and Chrome.
*/
  dfn,
  em,
  .em {
    font-style: italic;
  }

  /**
* Address differences between Firefox and other browsers.
*/
  hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
  }

  /*
* proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
  p {
    -webkit-hyphens: auto;
    -epub-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }

  /*
* Addresses margins set differently in IE6/7.
*/
  pre {
    margin: 0;
  }

  /**
* Correct font family set oddly in Safari 5 and Chrome.
*/
  code,
  kbd,
  pre,
  samp {
    font-family: monospace, serif;
    font-size: 1em;
  }

  /**
* Improve readability of pre-formatted text in all browsers.
*/
  pre {
    white-space: pre-wrap;
  }

  /**
* Set consistent quote types.
*/
  q {
    quotes: "“" "”" "‘" "’";
  }

  /**
* Address inconsistent and variable font size in all browsers.
*/
  q:before,
  q:after {
    content: "";
    content: none;
  }

  small,
  .small {
    font-size: 75%;
  }

  /**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sup {
    top: -0.5em;
  }

  sub {
    bottom: -0.25em;
  }

  /* ==========================================================================
Lists
========================================================================== */
  /*
* Addresses margins set differently in IE6/7.


dl,
menu,
ol,
ul {
margin: 0;
}

dd {
margin: 0;
}
*/
  /*
* Addresses paddings set differently in IE6/7.


menu {
padding: 0 0 0 40px;
}

ol,
ul {
padding: 0;
list-style-type: none;
}
*/
  /*
* Corrects list images handled incorrectly in IE7.


nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
*/
  /* ==========================================================================
Embedded content
========================================================================== */
  /**
* Remove border when inside `a` element in IE 8/9.
*/
  img {
    border: 0;
  }

  /**
* Correct overflow displayed oddly in IE 9.
*/
  svg:not(:root) {
    overflow: hidden;
  }

  /* ==========================================================================
Figures
========================================================================== */
  /**
* Address margin not present in IE 8/9 and Safari 5.
*/
  figure {
    margin: 0;
  }

  /* ==========================================================================
Forms
========================================================================== */
  /**
* Define consistent border, margin, and padding.
*/
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  }

  /**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
  legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
  }

  /**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/
  button,
  input,
  select,
  textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */
    margin: 0;
    /* 3 */
  }

  /**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
  button,
  input {
    line-height: normal;
  }

  /**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
  button,
  select {
    text-transform: none;
  }

  /**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*    `input` and others.
*/
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
  }

  /**
* Re-set default cursor for disabled elements.
*/
  button[disabled],
  html input[disabled] {
    cursor: default;
  }

  /**
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
  }

  /**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof).
*/
  input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
  }

  /**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  /**
* Remove inner padding and border in Firefox 4+.
*/
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }

  /**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
*/
  textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
  }

  /* ==========================================================================
Tables
========================================================================== */
  /**
* Remove most spacing between table cells.
*/
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .image-replacement,
  .ir {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }

  .clearfix,
  .cf {
    zoom: 1;
  }

  .clearfix:before,
  .clearfix:after,
  .cf:before,
  .cf:after {
    content: "";
    display: table;
  }

  .clearfix:after,
  .cf:after {
    clear: both;
  }

  /*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
  span.amp {
    font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif !important;
    font-style: italic;
  }

  /**
/* Base
============================================================*/
  /**
* box-sizing
*
* padding、borderをwidthに含める
--------------------------------------------------*/
  html {
    box-sizing: border-box;
  }

  *,
  *:before,
  *:after {
    box-sizing: inherit;
  }

  /**
* フォントの基本設定
--------------------------------------------------*/
  html {
    font-size: 10px;
    line-height: 1.8;
    font-family: "YuGothic", "游ゴシック", "ヒラギノ角ゴ Pro",
      "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }

  body {
    font-size: 1.6rem;
    color: #111111;
    letter-spacing: 0.02em;
  }

  /**
* 斜体をリセット
- - - - - - - - - - - - - - - - - - - - */
  i,
  cite,
  em,
  address,
  dfn {
    font-style: normal;
  }

  /**
* 見出しの基本設定
- - - - - - - - - - - - - - - - - - - - */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: inherit;
    color: inherit;
    line-height: 2rem;
    font-weight: bold;
  }

  p {
    text-align: justify;
  }

  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 28px;
  }

  h4 {
    font-size: 24px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 16px;
  }

  /**
* margin, paddingをリセット
--------------------------------------------------*/
  /**
* 見出し
- - - - - - - - - - - - - - - - - - - - */
  html,
  body {
    margin: 0;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  ul,
  ol,
  dl,
  blockquote,
  p,
  address,
  hr,
  table,
  fieldset,
  figure,
  pre {
    margin-top: 0;
    margin-bottom: 0;
  }

  /**
* list
- - - - - - - - - - - - - - - - - - - - */
  li > ul,
  li > li {
    margin-left: 0;
  }

  /**
* dd
- - - - - - - - - - - - - - - - - - - - */
  dd {
    margin-left: 0;
  }

  /**
* table
--------------------------------------------------*/
  table {
    width: 100%;
  }

  table th {
    text-align: left;
  }

  /**
* リンクの基本設定
--------------------------------------------------*/
  a {
    color: #639ab0;
    text-decoration: none;
    outline: none;
  }

  a:hover {
    text-decoration: underline;
  }

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

Layout

////////////////////////////////////////////////////////////*/
  /*
/* Layout - body
============================================================*/
  body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 26px;
    line-height: 1.625em;
    font-family: "YuGothic", "游ゴシック", "ヒラギノ角ゴ Pro",
      "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    line-height: 200%;
    background: url(images/header_index_bg_sp.png) no-repeat center top;
    background-size: contain;
  }

  @media print, screen and (min-width: 480px) {
    body {
      background: url(images/header_index_bg.png) no-repeat center top;
      background-size: 294.11765vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    body {
      background-size: 3000px;
    }
  }

  /**
/* Layout - header
============================================================*/
  header {
    margin: 0;
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    header {
      padding: 50px 0 0 0;
    }
  }

  /**
/* Layout - main
============================================================*/
  .main {
    margin: 0;
    padding: 80px 0 90px 0;
    background-color: transparent;
  }

  @media print, screen and (min-width: 480px) {
    .main {
      padding-top: 7.84314vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .main {
      padding-top: 80px;
    }
  }

  /**
/* Layout - inner
============================================================*/
  .l-inner {
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    max-width: 1020px;
    position: relative;
  }

  @media print, screen and (min-width: 1280px) {
    .l-inner {
      padding-right: 0;
      padding-left: 0;
    }
  }

  /**
/* Layout - sidebar items
============================================================*/
  .l-sidebar {
    align-self: stretch;
  }

  /**
/* Layout - footer
============================================================*/
  footer {
    margin: -50px 0 0 0;
    padding: 0;
    width: 100%;
    background-color: #0f3668;
    color: #fff;
    position: relative;
  }

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

Object - Component

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

Object - Project

////////////////////////////////////////////////////////////*/
  /*
/* page common
============================================================*/
  /* 各ページのmain、contents、sidebarの設定 
------------------------------------------------------------*/
  .pageTtl {
    margin-bottom: 35px;
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    .pageTtl {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
    }
    .pageTtl::before {
      content: "";
      width: 22px;
      height: 1px;
      background-color: #0f3668;
      display: block;
    }
  }

  .pageTtl img {
    margin: 0 auto 12px;
    width: auto;
    height: 5.33333vw;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .pageTtl img {
      height: 1.96078vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .pageTtl img {
      margin: 0 20px 0 15px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .pageTtl img {
      height: 20px;
    }
  }

  .pageTtl span {
    font-size: 10px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 2rem;
    font-family: "din-2014", sans-serif;
    color: #0f3668;
    text-align: center;
    font-weight: 700;
    display: block;
  }

  @media print, screen and (min-width: 768px) {
    .pageTtl span {
      padding-top: 3px;
    }
  }

  .columnfull {
    width: 100%;
    overflow: hidden;
  }

  .columnfull .contents {
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
  }

  @media print, screen and (min-width: 768px) {
    .columnfull .contents {
      padding-left: 28.571%;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .columnfull .contents {
      padding-left: 280px;
    }
  }

  .columnfull .pageTtl {
    margin-bottom: 30px;
  }

  @media print, screen and (min-width: 768px) {
    .columnfull .pageTtl {
      margin: 0 auto 70px;
    }
  }

  .column1-narrow,
  .column2,
  .estate-single {
    margin: 0 auto;
    padding: 80px 0 90px 0;
    width: 100%;
    max-width: 980px;
  }

  .column1 {
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
  }

  @media print, screen and (min-width: 768px) {
    .column1 {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
    }
  }

  .column1 .contents {
    padding: 0;
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    .column1 .contents {
      width: 72.916%;
      max-width: 700px;
    }
  }

  .column1-narrow {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .column1-narrow .contents {
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    .column1-narrow .contents {
      width: 72.916%;
    }
  }

  .column2 {
    padding-right: 20px;
    padding-left: 20px;
  }

  @media print, screen and (min-width: 768px) {
    .column2 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .column2 {
      padding-right: 0;
    }
  }

  .column2 .sidebar {
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    .column2 .sidebar {
      margin-top: 190px;
      width: 16.666%;
      order: 1;
    }
  }

  .column2 .contents {
    margin-bottom: 60px;
    padding: 0;
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    .column2 .contents {
      width: 72.916%;
      order: 2;
    }
  }

  .estate-single {
    padding-right: 20px;
    padding-left: 20px;
  }

  @media print, screen and (min-width: 768px) {
    .estate-single {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .estate-single {
      padding-right: 0;
    }
  }

  .estate-single .sidebar {
    padding-left: 0;
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .estate-single .sidebar {
      margin-top: 29.41176vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .estate-single .sidebar {
      margin-top: 300px;
      width: 31.653%;
      order: 1;
    }
  }

  .estate-single .contents {
    margin-top: 80px;
    margin-bottom: 80px;
    padding: 0;
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    .estate-single .contents {
      max-width: 61.224%;
      order: 2;
    }
  }

  /* common parts */
  .columnWrap {
    margin: 0;
    padding: 0;
  }

  .columnWrap .column {
    float: left;
  }

  .columnWrapL {
    float: left;
  }

  .columnWrapR {
    float: right;
  }

  .catnav li {
    margin-right: 17px;
  }

  .catnav li:last-of-type {
    margin: 0;
  }

  /* beginners, owners, selling
--------------------------------------------------*/
  /* beginners & owners common */
  .fullWrap {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
  }

  @media print, screen and (min-width: 1020px) {
    .fullWrap {
      padding-right: 0;
      padding-left: 0;
    }
  }

  .begInner,
  .begInnerNarrow,
  .owInner,
  .sellingInner {
    margin: 0 auto;
    padding: 45px 0;
    position: relative;
    letter-spacing: 0.15em;
  }

  .begInner h2,
  .begInner h3,
  .begInnerNarrow h2,
  .begInnerNarrow h3,
  .owInner h2,
  .owInner h3,
  .sellingInner h2,
  .sellingInner h3 {
    margin: 0;
    padding: 0;
  }

  .begInner h2 img,
  .begInner h3 img,
  .begInnerNarrow h2 img,
  .begInnerNarrow h3 img,
  .owInner h2 img,
  .owInner h3 img,
  .sellingInner h2 img,
  .sellingInner h3 img {
    margin: 0 auto;
  }

  .owInner h2,
  .owInner h3 {
    margin: 0;
    padding: 0;
  }

  .sellingInner h2,
  .sellingInner h3 {
    margin: 0;
    padding: 0;
  }

  .begInner h2 img,
  .begInner h3 img {
    margin: 0 auto;
  }

  .owInner h2 img,
  .owInner h3 img {
    margin: 0 auto;
  }

  .sellingInner h2 img,
  .sellingInner h3 img {
    margin: 0 auto;
  }

  .begInner .units,
  .begInnerNarrow .units,
  .owInner .units,
  .sellingInner .units {
    margin: 0;
    padding: 0;
  }

  .begInner .unit2 .unit,
  .begInnerNarrow .unit2 .unit,
  .owInner .unit2 .unit,
  .sellingInner .unit2 .unit {
    margin: 0;
    padding: 70px 40px 10px;
    background: url(images/index_promise_bg.gif);
    position: relative;
  }

  .begInner .unit2 .unit h3,
  .begInnerNarrow .unit2 .unit h3,
  .owInner .unit2 .unit h3,
  .sellingInner .unit2 .unit h3 {
    position: absolute;
    top: -20px;
    left: 170px;
  }

  .begInner .unit2 .unit3 .unit,
  .begInnerNarrow .unit2 .unit3 .unit,
  .owInner .unit2 .unit3 .unit,
  .sellingInner .unit2 .unit3 .unit {
    background-color: #fff;
    margin-left: 30px;
    position: relative;
  }

  .begInner .unit2 .unit3 .unit p,
  .begInnerNarrow .unit2 .unit3 .unit p,
  .owInner .unit2 .unit3 .unit p,
  .sellingInner .unit2 .unit3 .unit p {
    padding: 0 30px 23px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 28px;
    line-height: 2em;
    letter-spacing: 1px;
    text-justify: inter-ideograph !important;
  }

  .owInner .units .unit .units .unit {
    background: transparent;
  }

  .sellingInner {
    margin: 0 auto 70px;
    padding: 0 0 45px;
  }

  .sellingInner .units .unit {
    background: transparent;
  }

  /* color
------------------------------------------------------------*/
  .c_orange {
    color: #0f3668 !important;
  }

  .c_green {
    color: #649bb1 !important;
  }

  .p-notes p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem;
  }

  /* headding 
------------------------------------------------------------*/
  .p-page__heading_lv1 {
    margin-bottom: 13.33333vw;
    font-size: 35px;
    font-size: 9.33333vw;
    line-height: 1;
  }

  @media print, screen and (min-width: 480px) {
    .p-page__heading_lv1 {
      margin-bottom: 4.90196vw;
      font-size: 50px;
      font-size: 4.90196vw;
      line-height: 1;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .p-page__heading_lv1 {
      margin-bottom: 50px;
      font-size: 50px;
      font-size: 5rem;
      line-height: 50px;
      line-height: 5rem;
    }
  }

  /* icon, bullet
------------------------------------------------------------*/
  /* button
------------------------------------------------------------*/
  .p-button {
    text-align: center;
    display: block;
  }

  .p-button_2tone_blue {
    background: linear-gradient(to bottom right, #274a77 50%, #0f3668 50%);
  }

  .p-button_2tone_liteblue {
    background: linear-gradient(to bottom right, #73a5b9 50%, #649bb1 50%);
  }

  .p-button_arrow {
    position: relative;
  }

  .p-button_arrow::after {
    content: "";
    width: 8px;
    height: 8px;
    border: 2px solid;
    border-color: white white transparent transparent;
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: rotate(45deg) translateY(-50%);
  }

  .hover_reverse:hover {
    background-color: #0f3668;
    color: #fff;
    text-decoration: none;
    transition: background-color 0.3s linear;
  }

  /* color
------------------------------------------------------------*/
  .p-bg_red {
    background-color: #0f3668;
    color: #fff;
  }

  /* breadclumb
------------------------------------------------------------*/
  #breadcrumb {
    display: none;
  }

  @media print, screen and (min-width: 768px) {
    #breadcrumb {
      height: 80px;
      display: block;
    }
    #breadcrumb ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
    #breadcrumb ul li {
      display: inline-block;
    }
    #breadcrumb ul li a {
      text-decoration: underline;
    }
  }

  /* 404
------------------------------------------------------------*/
  .notfound {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  /**
/* Project - global
============================================================*/
  .global {
    padding: 30px 40px 0;
    display: none;
    width: 100%;
    height: 100vh;
    background-color: #e1eef3;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
  }

  @media print, screen and (min-width: 768px) {
    .global {
      background-color: transparent;
      margin: 0 auto;
      padding: 0 20px 0 0;
      height: auto;
      display: block;
      position: absolute;
      top: 0;
      right: 20px;
      z-index: 7;
      position: static;
    }
  }

  .global ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  @media print, screen and (min-width: 768px) {
    .global ul {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row-reverse;
      justify-content: flex-start;
    }
  }

  .global ul li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #fff;
    display: block;
  }

  @media print, screen and (min-width: 768px) {
    .global ul li {
      border-bottom: none;
    }
  }

  .global ul li a {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 40px;
    line-height: 4rem;
    letter-spacing: 0.3rem;
    color: #0f3668;
    font-weight: bold;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .global ul li a::before {
    content: "";
    margin-right: 5px;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
  }

  .global ul li a:hover {
    opacity: 0.7;
    text-decoration: none;
    transition: opacity 0.2s linear;
  }

  @media print, screen and (min-width: 768px) {
    .global ul li a {
      width: 30px;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 30px;
      line-height: 3rem;
      writing-mode: vertical-rl;
      font-weight: normal;
    }
    .global ul li a::before {
      margin-right: 0;
      margin-bottom: 5px;
    }
  }

  .global ul li:nth-of-type(1) a::before {
    background-image: url(images/global_icon01.png);
  }

  .global ul li:nth-of-type(2) a::before {
    background-image: url(images/global_icon02.png);
  }

  .global ul li:nth-of-type(3) a::before {
    background-image: url(images/global_icon03.png);
  }

  .global ul li:nth-of-type(4) a::before {
    background-image: url(images/global_icon04.png);
  }

  .global ul li:nth-of-type(5) a::before {
    background-image: url(images/global_icon05.png);
  }

  .global ul li:nth-of-type(6) a::before {
    background-image: url(images/global_icon06.png);
  }

  .global ul li:nth-of-type(7) a::before {
    background-image: url(images/global_icon07.png);
  }

  .global ul li:nth-of-type(8) a::before {
    background-image: url(images/global_icon08.png);
  }

  .global ul li:nth-of-type(9) a::before {
    background-image: url(images/global_icon09.png);
  }

  .global ul li:nth-of-type(10) a::before {
    background-image: url(images/global_icon10.png);
  }

  .global ul li:nth-of-type(11) a::before {
    background-image: url(images/global_icon11.png);
    height: 18px;
    margin-top: 2px;
    margin-bottom: 7px;
  }

  .p-global__button--toggle {
    width: 30px;
    height: 30px;
    position: fixed;
    top: 15px;
    right: 20px;
    z-index: 8;
  }

  @media print, screen and (min-width: 768px) {
    .p-global__button--toggle {
      display: none;
    }
  }

  .p-global__button--toggle img {
    width: 100%;
    height: auto;
    display: block;
  }

  .p-global__button--close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 15px;
    right: 20px;
  }

  @media print, screen and (min-width: 768px) {
    .p-global__button--close {
      display: none;
    }
  }

  .p-global__button--close img {
    width: 100%;
    height: auto;
    display: block;
  }

  .local {
    margin: 0 auto;
    padding: 0;
    width: 160px;
  }

  .local h2 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .local ul {
    margin: 10px 0 0 0;
    padding: 0;
    list-style-type: none;
  }

  .local ul li {
    margin: 0 0 10px 0;
    padding: 0;
    display: block;
  }

  .local ul li a {
    width: 100%;
    border: 1px solid #649bb1;
    border-radius: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #0f3668;
    text-align: center;
    font-weight: bold;
    display: block;
    position: relative;
  }

  .local ul li a::before,
  .local ul li a::after {
    content: "";
    height: 1px;
    background-color: #0f3668;
    display: block;
    position: absolute;
  }

  .local ul li a::before {
    width: 9px;
    top: 50%;
    left: 10px;
  }

  .local ul li a::after {
    width: 4px;
    top: 50%;
    left: 14px;
    transform: rotate(60deg);
    transform-origin: right bottom;
  }

  .local ul li a:hover {
    background-color: #649bb1;
    color: #fff;
    text-decoration: none;
    opacity: 0.7;
    transition: opacity 0.3s linear, background-color 0.3s linear;
  }

  .local ul li a:hover::before,
  .local ul li a:hover::after {
    background-color: #fff;
  }

  /**
/* Project - header items
============================================================*/
  /* headerInner */
  .headerInner {
    margin: 0 auto;
    width: 100%;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .headerInner {
      padding: 0 20px;
    }
  }

  @media print, screen and (min-width: 768px) {
    .headerInner {
      padding: 0 20px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .headerInner {
      padding: 0;
      width: 980px;
    }
  }

  .headerHolder {
    width: 47%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    width: 38%;
  }

  @media print, screen and (min-width: 480px) {
    .headerHolder {
      width: 20%;
      left: 20px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .headerHolder {
      left: 0;
    }
  }

  /* header logo */
  .headerLogo {
    margin: 0 auto 15px;
    width: 60%;
  }

  @media print, screen and (min-width: 768px) {
    .headerLogo {
      width: 100%;
    }
  }

  .headerLogo a {
    display: block;
  }

  .headerLogo img {
    width: 100%;
    height: auto;
    display: block;
  }

  .headerLogo_sp {
    margin: 0 auto 25px;
    width: 25%;
    display: block;
  }

  .headerLogo_sp img {
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 768px) {
    .headerLogo_sp {
      display: none;
    }
  }

  .consulting,
  .headerContact {
    border-radius: 0 9px 9px 0;
    background-color: rgba(255, 255, 255, 0.8);
  }

  @media print, screen and (min-width: 480px) {
    .consulting,
    .headerContact {
      border-radius: 9px;
    }
  }

  .consulting {
    margin: 0 0 10px 0;
    padding: 19px 21px 13px;
  }

  .consulting a {
    display: block;
    margin-top: 17px;
  }

  .consulting img {
    width: 100%;
    height: auto;
    display: block;
  }

  .headerContact {
    display: none;
  }

  @media print, screen and (min-width: 480px) {
    .headerContact {
      margin: 0;
      padding: 10px 12px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .headerContact_tel {
      width: 76%;
      height: auto;
      display: block;
    }
    .headerContact_tel img {
      width: 100%;
      height: auto;
      display: block;
    }
    .headerContact_icon {
      width: 17%;
      display: block;
    }
    .headerContact_icon img {
      width: 100%;
      height: auto;
      display: block;
    }
  }

  /**
/* Project - footer items
============================================================*/
  .toTop {
    display: none;
    z-index: 8;
    width: 18%;
  }

  .toTop img {
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .toTop {
      width: 7.84314vw;
      height: 7.84314vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .toTop {
      width: 80px;
      height: 70px;
    }
  }

  .bottomsmall {
    position: fixed;
    right: 0;
    bottom: 0;
  }

  footer img {
    display: block;
  }

  .footerInner {
    margin: 0 auto;
    padding: 22px 20px 72px;
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .footerInner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
    }
  }

  @media print, screen and (min-width: 768px) {
    .footerInner {
      padding-bottom: 22px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .footerInner {
      width: 980px;
    }
  }

  @media print, screen and (min-width: 1280px) {
    .footerInner {
      padding: 22px 0 22px;
    }
  }

  .footerLogo {
    margin: 0 auto 25px;
    width: 218px;
    height: auto;
    display: block;
    align-self: flex-start;
  }

  @media print, screen and (min-width: 480px) {
    .footerLogo {
      margin: 0;
      width: 28%;
    }
  }

  @media print, screen and (min-width: 768px) {
    .footerLogo {
      align-self: center;
      width: 22%;
    }
  }

  .footerHolder {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
  }

  @media print, screen and (min-width: 480px) {
    .footerHolder {
      width: 66%;
    }
  }

  .footerHolder div.addressWrap {
    margin-bottom: 30px;
  }

  @media print, screen and (min-width: 480px) {
    .footerHolder div.addressWrap {
      margin-bottom: 0;
      width: 52%;
      padding: 0 20px 0 0;
      border-right: 1px dashed #fff;
    }
  }

  @media print, screen and (min-width: 768px) {
    .footerHolder div.addressWrap {
      margin-bottom: 0;
    }
  }

  .footerHolder div.addressWrap address,
  .footerHolder div.addressWrap p {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 1.5;
    font-style: normal;
  }

  @media print, screen and (min-width: 480px) {
    .footerHolder div.addressWrap address,
    .footerHolder div.addressWrap p {
      font-size: 12px;
      font-size: 1.17647vw;
      line-height: 1.5;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .footerHolder div.addressWrap address,
    .footerHolder div.addressWrap p {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 18px;
      line-height: 1.8rem;
    }
  }

  .footerContact {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  @media print, screen and (min-width: 480px) {
    .footerContact {
      padding-left: 10px;
      width: 45%;
      justify-content: space-between;
    }
  }

  @media print, screen and (min-width: 768px) {
    .footerContact {
      align-items: center;
    }
  }

  .footerTel {
    width: auto;
    height: 50px;
    display: block;
    align-self: flex-start;
  }

  @media print, screen and (min-width: 480px) {
    .footerTel {
      width: 75%;
      height: auto;
    }
  }

  @media print, screen and (min-width: 768px) {
    .footerTel {
      align-self: center;
    }
  }

  .footerMail {
    margin-left: 20px;
    width: 50px;
    height: 50px;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .footerMail {
      margin-left: 0;
      width: 18%;
      height: auto;
    }
  }

  .footerMail img {
    width: 100%;
    height: auto;
    display: block;
  }

  #map_canvas {
    width: 100%;
    height: 600px;
    position: relative;
  }

  .mymap {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    height: 338px;
    overflow: hidden;
    position: relative;
  }

  @media print, screen and (min-width: 768px) {
    .mymap {
      height: 493px;
    }
  }

  .gm {
    width: 40vw;
    position: absolute;
    top: 30px;
    right: 30px;
  }

  @media print, screen and (min-width: 480px) {
    .gm {
      width: 20.58824vw;
    }
  }

  .gm img {
    width: 100%;
    height: auto;
    display: block;
  }

  .mymap iframe {
    margin-top: -61px;
  }

  @media print, screen and (min-width: 768px) {
    .mymap iframe {
      margin-top: -56px;
    }
  }

  .footerFixedBtn {
    width: 100%;
    height: 50px;
    background-color: #0f3668;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
  }

  @media print, screen and (min-width: 768px) {
    .footerFixedBtn {
      display: none;
    }
  }

  .footerFixedBtn a {
    width: 50%;
    height: 50px;
    display: block;
  }

  .footerFixedBtn a:first-of-type {
    border-right: 1px solid #fff;
  }

  .footerFixedBtn a img {
    margin: 0 auto;
    width: auto;
    height: 50px;
    display: block;
  }

  /* copylight
------------------------------------------------------------*/
  .p-copy {
    font-size: 10px;
    font-size: 2.08333vw;
    line-height: 5;
    text-align: center;
    letter-spacing: 0.05rem;
  }

  @media print, screen and (min-width: 480px) {
    .p-copy {
      font-size: 12px;
      font-size: 1.17647vw;
      line-height: 4.16667;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .p-copy {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 50px;
      line-height: 5rem;
    }
  }

  /**
/* Project - contents
============================================================*/
  .p-contents {
    padding-top: 80px;
    padding-bottom: 60px;
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .p-contents {
      padding-top: 60px;
      padding-bottom: 80px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .p-contents {
      padding-top: 60px;
    }
  }

  /**
/* project - sidebar items
============================================================*/
  .p-sidebar {
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .p-sidebar {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  @media print, screen and (min-width: 768px) {
    .p-sidebar {
      width: 28%;
      display: block;
    }
  }

  .p-sidebar img {
    max-width: 100%;
  }

  .p-sidebar__item {
    margin-bottom: 50px;
  }

  @media print, screen and (min-width: 480px) {
    .p-sidebar__item {
      width: 48%;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .p-sidebar__item {
      width: 100%;
    }
  }

  .p-sidebar__heading {
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.875;
    letter-spacing: 0.2em;
    text-transform: uppercase;
  }

  @media print, screen and (min-width: 480px) {
    .p-sidebar__heading {
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 1.875;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .p-sidebar__heading {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 30px;
      line-height: 3rem;
    }
  }

  /**
/* Project - form
============================================================*/
  .p-form {
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    .p-form {
      margin: 0 auto;
      max-width: 600px;
    }
  }

  /* フォームレイアウト 
------------------------------------------------------------*/
  .p-form__lead {
    margin-bottom: 30px;
    font-family: "YuGothic", "游ゴシック", sans-serif;
  }

  @media print, screen and (min-width: 768px) {
    .p-form__lead {
      margin-bottom: 50px;
      text-align: center;
    }
  }

  .p-form__lead-confirm {
    display: none;
  }

  .p-form__required {
    padding: 2px 0;
    display: inline-block;
  }

  .p-form__required::before {
    content: "";
    margin-right: 10px;
    width: 13px;
    height: 15px;
    background-image: url(https://estate-ring.co.jp/cms/wp-content/themes/estatering3/assets/images/contact/contact_bullet.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    position: relative;
  }

  .p-form__item {
    padding: 15px 0;
  }

  .p-form__label {
    margin-bottom: 10px;
    width: 100%;
    font-weight: bold;
    align-self: center;
  }

  @media print, screen and (min-width: 768px) {
    .p-form__label {
      margin-bottom: 20px;
      width: 25%;
    }
  }

  .p-form__input {
    margin-bottom: 10px;
  }

  @media print, screen and (min-width: 768px) {
    .p-form__input {
      margin-bottom: 0;
      width: 100%;
    }
  }

  .p-form__buttons {
    max-width: 600px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .p-form__button-confirm,
  .p-form__button-back,
  .p-form__button-submit {
    outline: none;
    cursor: pointer;
  }

  .p-form__button-confirm {
    margin: auto;
    width: 100%;
    background-color: #505050;
    border: none;
    color: #fff;
    display: block;
    position: relative;
  }

  @media print, screen and (min-width: 768px) {
    .p-form__button-confirm {
      width: 300px;
    }
  }

  .p-form__button-confirm::before {
    content: "";
    margin-top: -7px;
    width: 8px;
    height: 15px;
    background-image: url(https://estate-ring.co.jp/cms/wp-content/themes/estatering3/assets/images/common/arrow_chevron_right.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    top: 50%;
    right: 25px;
  }

  .p-form__button-back {
    width: 45%;
    background-color: #fff;
    border: 3px solid #505050;
    display: block;
  }

  .p-form__button-submit {
    width: 53%;
    background-color: #505050;
    border: none;
    color: #fff;
    display: block;
  }

  /* input要素 
------------------------------------------------------------*/
  .p-form input:focus,
  .p-form textarea:focus {
    outline: none;
  }

  .p-form input:focus::placeholder,
  .p-form textarea:focus::placeholder {
    color: transparent;
  }

  .p-form input[type="text"],
  .p-form input[type="email"] {
    padding: 0 10px;
    background-color: #e8e8e8;
    border: none;
    width: 100%;
  }

  .p-form textarea {
    padding: 10px;
    width: 100%;
    height: 180px;
    background-color: #e8e8e8;
    border: none;
    resize: vertical;
  }

  .p-form select {
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 10px 15px;
    width: 100%;
    background: #e9ecef
      url(https://estate-ring.co.jp/cms/wp-content/themes/estatering3/assets/images/common/select_arrow_10x7_down.png)
      no-repeat right 50%;
    background-size: 30px 7px;
    border: none;
    border-radius: 0;
    position: relative;
  }

  @media print, screen and (min-width: 768px) {
    .p-form select {
      text-align: left;
      margin: 0;
    }
  }

  .p-form label {
    margin-bottom: 10px !important;
    padding: 0 15px 0 0;
    display: inline-block;
    line-height: 21px;
    color: #333;
    text-align: left !important;
  }

  .p-form input[type="radio"] {
    display: none;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
  }

  .p-form .mwform-radio-field .horizontal-item {
    margin-right: 0;
  }

  .p-form input[type="radio"] + span.mwform-radio-field-text:before,
  .p-form input[type="radio"]:checked + span.mwform-radio-field-text:before {
    content: "";
    margin-right: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 2px;
  }

  .p-form input[type="radio"] + span.mwform-radio-field-text:before {
    background-image: url(https://estate-ring.co.jp/cms/wp-content/themes/estatering3/assets/images/contact/input_radio_off.png);
  }

  .p-form input[type="radio"]:checked + span.mwform-radio-field-text:before {
    background-image: url(https://estate-ring.co.jp/cms/wp-content/themes/estatering3/assets/images/contact/input_radio_on.png);
  }

  .p-form .mwform-checkbox-field .horizontal-item {
    margin-right: 0 !important;
  }

  .p-form input[type="checkbox"] {
    display: none;
  }

  .p-form input[type="checkbox"] + .mwform-checkbox-field-text {
    position: relative;
  }

  .p-form input[type="checkbox"] + .mwform-checkbox-field-text:before,
  .p-form input[type="checkbox"]:checked + .mwform-checkbox-field-text:before {
    content: "";
    margin-right: 8px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    position: relative;
    top: 2px;
  }

  .p-form input[type="checkbox"] + .mwform-checkbox-field-text:before {
    background-image: url(https://estate-ring.co.jp/cms/wp-content/themes/estatering3/assets/images/contact/input_check_off.png);
  }

  .p-form input[type="checkbox"]:checked + .mwform-checkbox-field-text:before {
    background-image: url(https://estate-ring.co.jp/cms/wp-content/themes/estatering3/assets/images/contact/input_check_on.png);
  }

  /* placeholder
- - - - - - - - - - - - - - - - - - */
  .p-form :placeholder-shown {
    color: 000;
  }

  .p-form ::-webkit-input-placeholder {
    color: #a0a0a0;
  }

  .p-form :-moz-placeholder {
    color: #a0a0a0;
    opacity: 1;
  }

  .p-form ::-moz-placeholder {
    color: #a0a0a0;
    opacity: 1;
  }

  .p-form :-ms-input-placeholder {
    color: #a0a0a0;
  }

  /* mw wp form
------------------------------------------------------------*/
  .mwform-checkbox-field {
    display: inline-block;
  }

  .mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0;
  }

  .mw_wp_form .error {
    margin: 10px 0 5px;
    color: #ff0000;
  }

  .mw_wp_form_preview .p-form__lead-start {
    display: none !important;
  }

  .mw_wp_form_preview .p-form__lead-confirm {
    display: block !important;
  }

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

Object - page

////////////////////////////////////////////////////////////*/
  /**
/* page - index
============================================================*/
  #index header {
    margin: 0;
    padding-top: 20px;
    width: 100%;
    height: 100vh;
    background-image: url(images/header_index_bg_sp.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
  }

  @media print, screen and (min-width: 480px) {
    #index header {
      background-image: url(images/header_index_bg.png);
      background-size: 294.11765vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    #index header {
      padding-top: 50px;
      background-size: 3000px;
    }
  }

  #index .main {
    background-color: #fff;
  }

  #index .contents {
    width: 100%;
  }

  /* 導入
------------------------------------------------------------*/
  .greetingWrap {
    margin: 0 auto;
    padding: 0 20px 60px;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .greetingWrap {
      background-image: url(images/index_greeting_bg.png);
      background-repeat: no-repeat;
      background-position: right 19.60784vw;
      background-size: 34.60784vw auto;
    }
  }

  @media print, screen and (min-width: 768px) {
    .greetingWrap {
      padding: 0 20px 95px;
      background-position: right 200px;
      background-size: 353px auto;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .greetingWrap {
      padding-left: 0;
      padding-right: 0;
      width: 980px;
    }
  }

  .greetingHeading {
    margin-bottom: 6.66667vw;
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .greetingHeading {
      margin-bottom: 1.96078vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .greetingHeading {
      margin-bottom: 20px;
      width: 100%;
      max-width: 850px;
    }
  }

  .greetingHeading img {
    width: 100%;
    height: auto;
    display: block;
  }

  .greetingText {
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2.14286;
  }

  @media print, screen and (min-width: 480px) {
    .greetingText {
      font-size: 17px;
      font-size: 1.66667vw;
      line-height: 2.29412;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .greetingText {
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 39px;
      line-height: 3.9rem;
    }
  }

  .greetingImg {
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .greetingImg {
      display: none;
    }
  }

  .toNews {
    margin: 0 auto;
    padding: 0;
    display: block;
    position: absolute;
    bottom: 10px;
    right: 20px;
  }

  /* 170125追加 こんなお悩みありませんか
--------------------------------------------------*/
  .index-trouble {
    background-color: #a5ccdc;
  }

  .index-trouble__inner {
    margin: 0 auto;
    padding: 40px 20px;
    width: 100%;
    max-width: 840px;
  }

  @media print, screen and (min-width: 1020px) {
    .index-trouble__inner {
      padding-left: 0;
      padding-right: 0;
    }
  }

  .index-trouble__heading {
    margin: 0 auto 10.66667vw;
    width: 85%;
    max-width: 454px;
  }

  @media print, screen and (min-width: 480px) {
    .index-trouble__heading {
      margin-bottom: 3.92157vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .index-trouble__heading {
      margin-bottom: 40px;
    }
  }

  .index-trouble__heading img {
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .index-trouble__row {
      margin-right: -20px;
      margin-left: -20px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  .index-trouble__col {
    margin-bottom: 13.33333vw;
    width: 100%;
  }

  .index-trouble__col:last-of-type {
    margin-bottom: 0;
  }

  @media print, screen and (min-width: 480px) {
    .index-trouble__col {
      margin-bottom: 4.90196vw;
      padding-right: 20px;
      padding-left: 20px;
      width: 50%;
    }
    .index-trouble__col:nth-of-type(3) {
      margin-bottom: 0;
    }
  }

  @media print, screen and (min-width: 768px) {
    .index-trouble__col {
      margin-bottom: 0;
      width: 25%;
    }
  }

  .index-trouble__img {
    margin: 0 auto 5.33333vw;
    width: 50%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .index-trouble__img {
      margin-bottom: 1.96078vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .index-trouble__img {
      width: 100%;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .index-trouble__img {
      margin-bottom: 20px;
    }
  }

  .index-trouble__text {
    margin-bottom: 5.33333vw;
    font-size: 13px;
    font-size: 3.46667vw;
    line-height: 1.84615;
    letter-spacing: 0.15rem;
  }

  @media print, screen and (min-width: 480px) {
    .index-trouble__text {
      margin-bottom: 1.96078vw;
      min-height: 11.76471vw;
      font-size: 13px;
      font-size: 1.27451vw;
      line-height: 1.84615;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .index-trouble__text {
      min-height: 120px;
      margin-bottom: 20px;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 24px;
      line-height: 2.4rem;
    }
  }

  .index-trouble__btn {
    margin: 0 auto;
    width: 68.7%;
    display: block;
  }

  .index-trouble__btn:hover {
    opacity: 0.7;
    transition: opacity 0.2s linear;
  }

  @media print, screen and (min-width: 480px) {
    .index-trouble__btn {
      width: 70%;
    }
  }

  @media print, screen and (min-width: 768px) {
    .index-trouble__btn {
      width: 100%;
    }
  }

  .index-trouble__btn img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* News
------------------------------------------------------------*/
  .index-news {
    margin: 0 0 70px 0;
    padding: 40px 0 0 0;
    width: 100%;
  }

  .index-news__inner {
    margin: 0 auto 30px;
    padding: 0 20px;
    width: 100%;
    max-width: 980px;
  }

  @media print, screen and (min-width: 980px) {
    .index-news__inner {
      padding-right: 0;
      padding-left: 0;
    }
  }

  @media print, screen and (min-width: 480px) {
    .index-news__row {
      margin-right: -1.96078vw;
      margin-left: -1.96078vw;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  .index-news__col {
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .index-news__col:last-of-type {
    margin-bottom: 0;
  }

  @media print, screen and (min-width: 480px) {
    .index-news__col {
      margin-bottom: 0;
      padding-right: 1.96078vw;
      padding-left: 1.96078vw;
      width: calc(100% / 3);
      display: block;
    }
  }

  .index-news__img {
    width: 56%;
    height: auto;
    display: block;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .index-news__img {
      margin-bottom: 2.45098vw;
      width: 100%;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .index-news__img {
      margin-bottom: 25px;
    }
  }

  .index-news__img img {
    width: 100%;
    height: auto;
    display: block;
  }

  .index-news__icon {
    width: 51px !important;
    height: 51px !important;
    position: absolute;
    top: 5px;
    right: 5px;
  }

  .index-news__body {
    width: 37.5%;
  }

  @media print, screen and (min-width: 480px) {
    .index-news__body {
      width: 100%;
    }
  }

  @media print, screen and (min-width: 480px) {
    .index-news__meta {
      margin-bottom: 1.47059vw;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .index-news__meta {
      margin-bottom: 15px;
    }
  }

  .index-news__type {
    width: 70px;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .index-news__type {
      margin-right: 10px;
      margin-bottom: 0;
      width: 6.86275vw;
      max-width: 70px;
    }
  }

  .index-news__date {
    margin-bottom: 4vw;
    font-size: 10px;
    font-size: 1rem;
    line-height: 10px;
    line-height: 1rem;
  }

  @media print, screen and (min-width: 480px) {
    .index-news__date {
      margin-bottom: 0;
    }
  }

  .index-news__heading {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 1.83333;
  }

  @media print, screen and (min-width: 480px) {
    .index-news__heading {
      font-size: 13px;
      font-size: 1.27451vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .index-news__heading {
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 26px;
      line-height: 2.6rem;
    }
  }

  .index-news__heading a {
    color: #000;
  }

  .newsbtn,
  .reportbtn {
    margin: 0 auto;
    width: 59%;
    max-width: 300px;
    display: block;
  }

  .newsbtn img,
  .reportbtn img {
    width: 100%;
    height: auto;
    display: block;
  }

  .index-report {
    margin: 0 0 70px;
    padding: 65px 0 25px;
    width: 100%;
    background: url(images/index_promise_bg.gif);
  }

  @media print, screen and (min-width: 768px) {
    .index-report__bg {
      margin: 0 0 50px;
      padding: 0;
      width: 100%;
      background: url(images/estate_report_bg.png) center bottom repeat-x;
    }
  }

  .index-report__inner {
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    max-width: 980px;
  }

  @media print, screen and (min-width: 1020px) {
    .index-report__inner {
      padding-right: 0;
      padding-left: 0;
    }
  }

  .index-report__heading--lv1 {
    margin-bottom: 40px;
  }

  @media print, screen and (min-width: 768px) {
    .index-report__heading--lv1 {
      margin-bottom: 50px;
    }
  }

  .index-report__heading--lv1 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .index-report__heading--lv2 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
  }

  @media print, screen and (min-width: 768px) {
    .index-report__heading--lv2 {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  .index-report__heading--lv2 a {
    color: #000;
  }

  @media print, screen and (min-width: 768px) {
    .index-report__heading--lv2 a {
      color: #fff;
    }
  }

  @media print, screen and (min-width: 768px) {
    .index-report__row {
      margin-right: -20px;
      margin-left: -20px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  .index-report__col {
    margin: 0 auto 50px;
    width: 80%;
    position: relative;
  }

  @media print, screen and (min-width: 768px) {
    .index-report__col {
      padding: 0 20px;
      width: calc(100% / 3);
    }
  }

  .index-report__img {
    margin-bottom: 10px;
    width: 100%;
    display: block;
  }

  .index-report__img img {
    width: 100%;
    height: auto;
    display: block;
  }

  .index-report__icon {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
  }

  @media print, screen and (min-width: 768px) {
    .index-report__icon {
      top: 5px;
      right: 25px;
    }
  }

  /* 3つのお約束
------------------------------------------------------------*/
  .promiseInner {
    margin: 0 auto;
    padding: 60px 20px 65px;
    width: 100%;
    max-width: 980px;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .promiseInner {
      padding: 5.88235vw 1.96078vw 6.37255vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .promiseInner {
      margin: 0 auto;
      padding: 70px 20px 75px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .promiseInner {
      padding-right: 0;
      padding-left: 0;
    }
  }

  .promiseHeadingLv1 {
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
  }

  .promiseHeadingLv1::before {
    content: "";
    width: 100%;
    height: 0;
    border-bottom: 1px dotted #0f3668;
    display: block;
    position: absolute;
    bottom: 7px;
    left: 0;
    z-index: 0;
  }

  @media print, screen and (min-width: 480px) {
    .promiseHeadingLv1::before {
      bottom: 1.17647vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .promiseHeadingLv1::before {
      bottom: 12px;
    }
  }

  .promiseHeadingLv1 img {
    margin: 0 auto;
    width: 37.5%;
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
  }

  @media print, screen and (min-width: 480px) {
    .promiseHeadingLv1 img {
      width: 19.60784vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .promiseHeadingLv1 img {
      width: 200px;
    }
  }

  @media print, screen and (min-width: 768px) {
    .promiseUnits {
      margin-right: -30px;
      margin-left: -30px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  .promiseUnit {
    margin-bottom: 40px;
  }

  .promiseUnit:last-of-type {
    margin-bottom: 0;
  }

  @media print, screen and (min-width: 768px) {
    .promiseUnit {
      margin-bottom: 0;
      padding-right: 30px;
      padding-left: 30px;
      width: calc(100% / 3);
      display: flex;
      flex-wrap: wrap;
      flex-direction: row-reverse;
      justify-content: space-between;
    }
  }

  .promiseHeadingLv2 {
    margin-bottom: 10px;
  }

  @media print, screen and (min-width: 480px) {
    .promiseHeadingLv2 {
      margin-bottom: 1.96078vw;
      padding-bottom: 0.98039vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .promiseHeadingLv2 {
      margin-bottom: 0;
      width: 35%;
      border: none;
    }
  }

  .promiseHeadingLv2 img {
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .promiseHeadingLv2 img {
      width: 60%;
    }
  }

  @media print, screen and (min-width: 768px) {
    .promiseHeadingLv2 img {
      width: 100%;
    }
  }

  @media print, screen and (min-width: 768px) {
    .promiseBody {
      width: 60%;
    }
  }

  .promiseNum {
    margin-bottom: 20px;
    width: 40px;
    display: block;
  }

  @media print, screen and (min-width: 768px) {
    .promiseNum {
      margin-left: 20px;
    }
  }

  .promiseText {
    border-top: 1px dotted #0f3668;
    padding-top: 10px;
    font-size: 13px;
    font-size: 3.46667vw;
    line-height: 2;
  }

  @media print, screen and (min-width: 480px) {
    .promiseText {
      font-size: 13px;
      font-size: 1.27451vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .promiseText {
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 26px;
      line-height: 2.6rem;
    }
  }

  /* 他の不動産屋さんとはココが違う！
------------------------------------------------------------*/
  .differenseWrap {
    margin-bottom: 40px;
    padding-top: 6.86275vw;
    padding-bottom: 6.86275vw;
    /* background: url(images/index_promise_bg.gif); */
  }

  @media print, screen and (min-width: 480px) {
    .differenseWrap {
      margin-bottom: 3.92157vw;
      padding-top: 6.86275vw;
      padding-bottom: 6.86275vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .differenseWrap {
      margin-bottom: 140px;
    }
  }

  .differenseInner {
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    max-width: 980px;
  }

  @media print, screen and (min-width: 768px) {
    .differenseInner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .differenseInner {
      padding-right: 0;
      padding-left: 0;
    }
  }

  .differenseHeadingLv1 {
    margin-bottom: 30px;
    width: 100%;
    position: relative;
  }

  .differenseHeadingLv1::before,
  .differenseHeadingLv1::after {
    content: "";
    width: 20%;
    height: 0;
    border-bottom: 1px dotted #0f3668;
    display: block;
    position: absolute;
    bottom: 25px;
  }

  .differenseHeadingLv1::before {
    left: 0;
  }

  .differenseHeadingLv1::after {
    right: 0;
  }

  @media print, screen and (min-width: 480px) {
    .differenseHeadingLv1::before,
    .differenseHeadingLv1::after {
      width: 14.70588vw;
      bottom: 1.37255vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .differenseHeadingLv1::before,
    .differenseHeadingLv1::after {
      width: 19.53125vw;
      bottom: 1.09375vw;
    }
  }

  @media print, screen and (min-width: 768px) and (min-width: 1020px) {
    .differenseHeadingLv1::before,
    .differenseHeadingLv1::after {
      width: 250px;
    }
  }

  .differenseHeadingLv1 img {
    margin: 0 auto;
    width: 64%;
    height: auto;
    max-width: 380px;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .differenseRow {
      margin-bottom: 2.94118vw;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  @media print, screen and (min-width: 768px) {
    .differenseRow {
      margin-bottom: 0;
      width: 53%;
    }
  }

  .differenseCol {
    margin-bottom: 40px;
  }

  @media print, screen and (min-width: 480px) {
    .differenseCol {
      margin-bottom: 0;
      width: 32%;
    }
  }

  .differenseNum {
    margin: 0 auto 20px;
    width: 12.5%;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .differenseNum {
      width: 3.43137vw;
      max-width: 35px;
    }
  }

  .differenseHeadingLv2 {
    margin-bottom: 20px;
    text-align: center;
    letter-spacing: 0.2rem;
    font-weight: normal;
  }

  @media print, screen and (min-width: 480px) {
    .differenseHeadingLv2 {
      margin-bottom: 10px;
    }
  }

  .differenseHeadingLv2 span {
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .differenseHeadingLv2 span {
      padding-bottom: 5px;
      font-size: 15px;
      font-size: 1.47059vw;
      line-height: 1.46667;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .differenseHeadingLv2 span {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 22px;
      line-height: 2.2rem;
    }
  }

  .differenseHeadingLv2 em {
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    background: linear-gradient(transparent 80%, #fcc80e 20%);
    font-size: 22px;
    font-size: 5.86667vw;
    line-height: 1.36364;
    display: inline;
  }

  @media print, screen and (min-width: 480px) {
    .differenseHeadingLv2 em {
      padding-bottom: 0;
      font-size: 20px;
      font-size: 1.96078vw;
      line-height: 1.25;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .differenseHeadingLv2 em {
      font-size: 20px;
      font-size: 2rem;
      line-height: 25px;
      line-height: 2.5rem;
    }
  }

  .differenseImg {
    margin: 0 auto;
    width: 47%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .differenseImg {
      width: 70%;
      max-width: 140px;
    }
  }

  .differenseRecommend {
    padding: 40px 25px;
    background-color: #1ba6e0;
    border-radius: 9px;
  }

  @media print, screen and (min-width: 480px) {
    .differenseRecommend {
      padding: 2.45098vw 1.96078vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .differenseRecommend {
      padding: 25px 20px;
      width: 40%;
    }
  }

  .differenseRecommend .recommendHeading {
    margin: 0 auto 15px;
    padding-bottom: 15px;
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .differenseRecommend .recommendHeading {
      margin-bottom: 1.47059vw;
      padding-bottom: 1.47059vw;
      border-bottom: 1px dotted #fff;
    }
  }

  .differenseRecommend .recommendHeading img {
    margin: 0 auto;
    width: 52%;
    height: auto;
    max-width: 165px;
    display: block;
  }

  .differenseRecommend .recommendList {
    padding: 0;
    list-style-type: none;
    color: #fff;
  }

  @media print, screen and (min-width: 480px) {
    .differenseRecommend .recommendList {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  @media print, screen and (min-width: 768px) {
    .differenseRecommend .recommendList {
      display: block;
    }
  }

  .differenseRecommend .recommendList li {
    margin-left: 8vw;
    margin-bottom: 4vw;
    font-size: 13px;
    font-size: 3.46667vw;
    line-height: 1.69231;
    position: relative;
    text-indent: -9.33333vw;
  }

  .differenseRecommend .recommendList li:last-of-type {
    margin-bottom: 0;
  }

  @media print, screen and (min-width: 480px) {
    .differenseRecommend .recommendList li {
      width: 45%;
      margin-left: 3.43137vw;
      margin-bottom: 0.98039vw;
      font-size: 13px;
      font-size: 1.27451vw;
      line-height: 1.69231;
      text-indent: -3.43137vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .differenseRecommend .recommendList li {
      width: auto;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .differenseRecommend .recommendList li {
      margin-left: 30px;
      margin-bottom: 10px;
      text-indent: -30px;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 22px;
      line-height: 2.2rem;
    }
  }

  .differenseRecommend .recommendAll,
  .differenseRecommend .recommendBuy,
  .differenseRecommend .recommendSell {
    position: relative;
  }

  .differenseRecommend .recommendAll::before,
  .differenseRecommend .recommendBuy::before,
  .differenseRecommend .recommendSell::before {
    content: "";
    margin-right: 5px;
    width: 8vw;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    position: relative;
    top: 2px;
  }

  @media print, screen and (min-width: 480px) {
    .differenseRecommend .recommendAll::before,
    .differenseRecommend .recommendBuy::before,
    .differenseRecommend .recommendSell::before {
      width: 2.94118vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .differenseRecommend .recommendAll::before,
    .differenseRecommend .recommendBuy::before,
    .differenseRecommend .recommendSell::before {
      width: 30px;
    }
  }

  .differenseRecommend .recommendAll::before {
    background-image: url(images/index_difference_icon_all.png);
  }

  .differenseRecommend .recommendBuy::before {
    background-image: url(images/index_difference_icon_buy.png);
  }

  .differenseRecommend .recommendSell::before {
    background-image: url(images/index_difference_icon_sell.png);
  }

  /* スライド
------------------------------------------------------------*/
  .guideWrap {
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    max-width: 900px;
    position: relative;
  }

  @media print, screen and (min-width: 1020px) {
    .guideWrap {
      padding-right: 0;
      padding-left: 0;
    }
  }

  .guideUnits {
    padding: 5px;
    background-color: #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .guideUnits {
      padding: 1.96078vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .guideUnits {
      padding: 20px;
    }
  }

  .guideUnit {
    padding: 15px 20px 220px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
  }

  .guideUnit1 {
    background-image: url(images/index_slide_01_bg_sp.png);
  }

  @media print, screen and (min-width: 768px) {
    .guideUnit1 {
      background-image: url(images/index_slide_01_bg.jpg);
    }
  }

  .guideUnit2 {
    background-image: url(images/index_slide_02_bg_sp.png);
  }

  @media print, screen and (min-width: 768px) {
    .guideUnit2 {
      background-image: url(images/index_slide_02_bg.jpg);
    }
  }

  .guideUnit3 {
    background-image: url(images/index_slide_03_bg_sp.png);
  }

  @media print, screen and (min-width: 768px) {
    .guideUnit3 {
      background-image: url(images/index_slide_03_bg.jpg);
    }
  }

  @media print, screen and (min-width: 480px) {
    .guideUnit {
      padding: 2.94118vw;
      padding-bottom: 44.11765vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .guideUnit {
      padding: 30px 30px 80px;
      background-position: right bottom;
      border-radius: 10px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .guideUnit {
      padding-bottom: 40px;
    }
  }

  @media print, screen and (min-width: 768px) {
    .guideBody {
      width: 36%;
    }
  }

  .guideNum {
    margin-bottom: 15px;
    font-size: 32px;
    font-size: 8.53333vw;
    line-height: 1;
    font-family: "din-2014", sans-serif;
    font-weight: 400;
    color: #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .guideNum {
      margin-bottom: 4.90196vw;
      font-size: 78px;
      font-size: 7.64706vw;
      line-height: 1;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .guideNum {
      margin-bottom: 50px;
      font-size: 78px;
      font-size: 7.8rem;
      line-height: 78px;
      line-height: 7.8rem;
    }
  }

  .guideHeadingLv1 {
    margin-bottom: 15px;
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 1;
    color: #0f3668;
    font-weight: bold;
  }

  @media print, screen and (min-width: 480px) {
    .guideHeadingLv1 {
      font-size: 15px;
      font-size: 1.47059vw;
      line-height: 1;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .guideHeadingLv1 {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 15px;
      line-height: 1.5rem;
    }
  }

  .guideHeadingLv2 {
    margin-bottom: 15px;
    width: 100%;
  }

  .guideHeadingLv2 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .guideText {
    margin-bottom: 20px;
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 2.16667;
  }

  @media print, screen and (min-width: 480px) {
    .guideText {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .guideText {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  .guideBtn {
    margin: 0 auto;
    width: 100%;
    max-width: 290px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 40px;
    line-height: 4rem;
    color: #fff;
  }

  .guide .bx-viewport {
    left: 0 !important;
  }

  .guide .bxslider {
    margin: 0;
    padding: 20px;
    box-sizing: content-box;
  }

  .guide .bx-pager {
    position: static;
  }

  .guideBack,
  .guideNext {
    width: 18.66667vw;
    border: 1px solid #0f3668;
    background-color: #fff;
    position: absolute;
    z-index: 2;
    bottom: 170px;
  }

  @media print, screen and (min-width: 480px) {
    .guideBack,
    .guideNext {
      width: 7.84314vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .guideBack,
    .guideNext {
      width: 80px;
      bottom: 35px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .guideBack,
    .guideNext {
      bottom: 50%;
      transform: translateY(50%);
    }
  }

  .guideBack a,
  .guideNext a {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 3.33333;
    font-family: "din-2014", sans-serif;
    color: #0f3668;
    text-align: center;
    letter-spacing: 0.1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .guideBack a:hover,
  .guideNext a:hover {
    opacity: 0.7;
    transition: opacity 0.2s linear;
    text-decoration: none;
  }

  @media print, screen and (min-width: 480px) {
    .guideBack a,
    .guideNext a {
      font-size: 11px;
      font-size: 1.07843vw;
      line-height: 3.63636;
    }
  }

  @media print, screen and (min-width: 768px) {
    .guideBack a,
    .guideNext a {
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 40px;
      line-height: 4rem;
    }
  }

  .guideBack {
    left: 10px;
  }

  @media print, screen and (min-width: 1020px) {
    .guideBack {
      left: -40px;
    }
  }

  .guideBack a::before {
    content: "";
    margin-right: 5px;
    width: 7px;
    height: 7px;
    display: inline-block;
    border: 1px solid;
    border-color: transparent transparent #0f3668 #0f3668;
    transform: rotate(45deg);
  }

  .guideNext {
    right: 10px;
  }

  @media print, screen and (min-width: 1020px) {
    .guideNext {
      right: -40px;
    }
  }

  .guideNext a::after {
    content: "";
    margin-left: 5px;
    width: 7px;
    height: 7px;
    display: inline-block;
    border: 1px solid;
    border-color: #0f3668 #0f3668 transparent transparent;
    transform: rotate(45deg);
  }

  /**
/* page - selling
============================================================*/
  @media print, screen and (min-width: 480px) {
    .bgimg {
      background-image: url(images/owners_lead_bg.png);
      background-repeat: no-repeat;
      background-position: 49.01961vw 0;
      background-size: 380px 256px;
    }
  }

  @media print, screen and (min-width: 768px) {
    .bgimg {
      background-position: 63.72549vw 0;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .bgimg {
      background-size: 380px 256px;
      background-position: 650 0;
    }
  }

  .lead_selling {
    margin: 0 auto 70px;
    width: 100%;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .lead_selling {
      margin-bottom: 7.84314vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .lead_selling {
      margin-bottom: 80px;
    }
  }

  .lead_selling h2 {
    margin-bottom: 25px;
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .lead_selling h2 {
      margin-bottom: 3.43137vw;
      width: 44.11765vw;
      max-width: 450px;
    }
  }

  .lead_selling h2 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .lead_selling p {
    margin-bottom: 30px;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.875;
  }

  @media print, screen and (min-width: 480px) {
    .lead_selling p {
      margin-bottom: 2.94118vw;
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 1.875;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .lead_selling p {
      margin-bottom: 30px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 30px;
      line-height: 3rem;
    }
  }

  .lead_selling_body {
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .lead_selling_body {
      position: relative;
      z-index: 2;
    }
  }

  .lead_selling_img {
    margin-bottom: 30px;
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .lead_selling_img {
      margin-bottom: 0;
      width: 37.84314vw;
      height: 25.09804vw;
      position: absolute;
      top: 0;
      right: 80px;
      z-index: -1;
    }
  }

  @media print, screen and (min-width: 768px) {
    .lead_selling_img {
      width: 386px;
      height: 256px;
      right: -120px;
    }
  }

  .lead_selling_button {
    margin: 0 auto;
    width: 100%;
    font-size: 15px;
    font-size: 4vw;
    line-height: 3.33333;
    color: #fff;
    max-width: 300px;
  }

  @media print, screen and (min-width: 480px) {
    .lead_selling_button {
      margin: 0;
      font-size: 15px;
      font-size: 1.47059vw;
      line-height: 3.33333;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .lead_selling_button {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 50px;
      line-height: 5rem;
    }
  }

  /* あなたの物件の魅力を最大化する3つのプラン
------------------------------------------------------------*/
  .selling_navi {
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 40px;
    width: 100%;
    max-width: 980px;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .selling_navi {
      padding-top: 6.86275vw;
      padding-bottom: 3.92157vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_navi {
      padding-top: 70px;
      padding-bottom: 40px;
    }
  }

  .selling_navi_circle {
    width: 80px;
    height: 80px;
    background-color: #fcaa0e;
    border-radius: 50%;
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
  }

  @media print, screen and (min-width: 480px) {
    .selling_navi_circle {
      width: 9.80392vw;
      height: 9.80392vw;
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 1.375;
      top: 2.94118vw;
      left: 5.39216vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_navi_circle {
      width: 100px;
      height: 100px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 22px;
      line-height: 2.2rem;
      top: 30px;
      left: 55px;
      transform: translateX(0);
    }
  }

  .selling_navi_heading {
    margin: 0 auto 30px;
    width: 80%;
  }

  @media print, screen and (min-width: 480px) {
    .selling_navi_heading {
      margin-bottom: 7.84314vw;
      width: 60.78431vw;
      max-width: 620px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_navi_heading {
      margin-bottom: 80px;
    }
  }

  .selling_navi_heading img {
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .selling_navi_row {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
    }
  }

  .selling_navi_col {
    padding: 25px;
    width: 100%;
    display: block;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .selling_navi_col {
      padding: 2.45098vw;
      width: calc(100% / 3);
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_navi_col {
      padding: 25px;
    }
  }

  .selling_navi_card {
    padding-top: 50px;
    padding-bottom: 100px;
    height: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 92px 77px;
    text-decoration: none;
    display: block;
    position: relative;
  }

  .selling_navi_card::before {
    content: "";
    width: 13px;
    height: 13px;
    background-image: url(images/selling_plans_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
  }

  .selling_navi_card:hover {
    background-color: #fcc80e;
    text-decoration: none;
    transition: background-color 0.2s linear;
  }

  .selling_navi_card:hover::before {
    background-image: url(images/selling_plans_arrow_wh.png);
  }

  @media print, screen and (min-width: 480px) {
    .selling_navi_card {
      padding-top: 4.90196vw;
      padding-bottom: 9.80392vw;
      background-size: 9.01961vw 7.54902vw;
    }
    .selling_navi_card::before {
      width: 1.27451vw;
      height: 1.27451vw;
      bottom: 0.4902vw;
      right: 0.4902vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_navi_card {
      padding-top: 50px;
      padding-bottom: 100px;
    }
    .selling_navi_card::before {
      width: 13px;
      height: 13px;
      bottom: 5px;
      right: 5px;
    }
  }

  .selling_navi_card1 {
    background-image: url(images/selling_plans_img01.png);
  }

  .selling_navi_card1:hover {
    background-image: url(images/selling_plans_img01_wh.png);
  }

  .selling_navi_card2 {
    background-image: url(images/selling_plans_img02.png);
  }

  .selling_navi_card2:hover {
    background-image: url(images/selling_plans_img02_wh.png);
  }

  .selling_navi_card3 {
    background-image: url(images/selling_plans_img03.png);
  }

  .selling_navi_card3:hover {
    background-image: url(images/selling_plans_img03_wh.png);
  }

  .selling_navi_num {
    width: 55px;
    height: auto;
    display: block;
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translateX(-50%);
  }

  @media print, screen and (min-width: 480px) {
    .selling_navi_num {
      width: 5.58824vw;
      top: -1.66667vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_navi_num {
      width: 57px;
      top: -17px;
    }
  }

  .selling_navi_catch {
    margin-bottom: 15px;
    text-align: center;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 1.57143;
    color: #649bb1;
    font-weight: bold;
  }

  @media print, screen and (min-width: 480px) {
    .selling_navi_catch {
      margin-bottom: 1.47059vw;
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 1.57143;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_navi_catch {
      margin-bottom: 15px;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 22px;
      line-height: 2.2rem;
    }
  }

  .selling_navi_text {
    text-align: center;
    font-size: 23px;
    font-size: 6.13333vw;
    line-height: 1.43478;
    color: #0f3668;
    font-weight: bold;
  }

  @media print, screen and (min-width: 480px) {
    .selling_navi_text {
      font-size: 23px;
      font-size: 2.2549vw;
      line-height: 1.43478;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_navi_text {
      font-size: 23px;
      font-size: 2.3rem;
      line-height: 33px;
      line-height: 3.3rem;
    }
  }

  /* selling 共通
------------------------------------------------------------*/
  /* 01
------------------------------------------------------------*/
  .selling_plan {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .selling_plan_num {
    margin: 0 auto 20px;
    width: 60px;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .selling_plan_num {
      margin-bottom: 3.92157vw;
      width: 7.45098vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_plan_num {
      margin-bottom: 40px;
      width: 76px;
    }
  }

  .selling_plan_num_abs {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
  }

  .selling_plan_heading {
    margin: 0 auto 30px;
    width: 100%;
    height: auto;
  }

  @media print, screen and (min-width: 480px) {
    .selling_plan_heading {
      margin-bottom: 3.92157vw;
      width: 82.35294vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_plan_heading {
      margin-bottom: 40px;
      width: 840px;
    }
  }

  .selling_plan_heading img {
    width: 100%;
    height: auto;
    display: block;
  }

  .selling_plan_arrow {
    padding-bottom: 90px;
    position: relative;
  }

  .selling_plan_arrow::after {
    content: "";
    width: 0;
    height: 0;
    border-top-width: 20px;
    border-top-style: solid;
    border-top-color: #0f3668;
    border-right: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid transparent;
    display: block;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }

  @media print, screen and (min-width: 480px) {
    .selling_plan_arrow {
      padding-bottom: 7.84314vw;
    }
    .selling_plan_arrow::after {
      bottom: 0.4902vw;
      border-top-width: 1.96078vw;
      border-top-style: solid;
      border-top-color: #0f3668;
      border-right: 2.45098vw solid transparent;
      border-bottom: 2.45098vw solid transparent;
      border-left: 2.45098vw solid transparent;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_plan_arrow {
      padding-bottom: 80px;
    }
    .selling_plan_arrow::after {
      bottom: 5px;
      border-top-width: 20px;
      border-top-style: solid;
      border-right: 25px solid transparent;
      border-bottom: 25px solid transparent;
      border-left: 25px solid transparent;
    }
  }

  .selling_plan_text {
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2;
    color: #0f3668;
    text-align: justify;
  }

  @media print, screen and (min-width: 480px) {
    .selling_plan_text {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2;
      text-align: center;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_plan_text {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  .selling_detail {
    margin: 0 auto;
    padding: 20px;
    width: 100%;
    max-width: 980px;
    border: 2px solid #0f3668;
    background-image: url("images/selling_bg_lattice.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }

  .selling_detail_heading {
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
  }

  .selling_detail_heading img {
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail_row {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  .selling_detail_body {
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail_body {
      width: 42%;
    }
  }

  .selling_detail_text {
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2;
    color: #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail_text {
      margin-bottom: 0;
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail_text {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  /* 01
------------------------------------------------------------*/
  .selling_plan01_heading {
    margin-bottom: 30px;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2.57143;
    color: #649bb1;
    text-align: center;
    font-weight: bold;
  }

  @media print, screen and (min-width: 480px) {
    .selling_plan01_heading {
      margin-bottom: 3.92157vw;
      font-size: 20px;
      font-size: 1.96078vw;
      line-height: 1;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_plan01_heading {
      margin-bottom: 40px;
      font-size: 20px;
      font-size: 2rem;
      line-height: 20px;
      line-height: 2rem;
    }
  }

  .selling_plan01_row {
    margin: 0 auto;
    width: 100%;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .selling_plan01_row {
      width: 50.98039vw;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_plan01_row {
      width: 520px;
    }
  }

  .selling_plan01_img {
    margin-bottom: 30px;
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .selling_plan01_img {
      margin-bottom: 0;
      width: 21.96078vw;
      max-width: 224px;
    }
  }

  .selling_plan01_img img {
    width: 100%;
    height: auto;
    display: block;
  }

  .selling_plan01_balloon {
    display: block;
    position: absolute;
    top: -10px;
    right: 10px;
  }

  @media print, screen and (min-width: 480px) {
    .selling_plan01_balloon {
      top: 4.60784vw;
      left: -8.82353vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_plan01_balloon {
      top: 47px;
      left: -90px;
    }
  }

  .selling_plan01_balloon img {
    width: 83px;
    height: 51px;
  }

  @media print, screen and (min-width: 480px) {
    .selling_plan01_balloon img {
      width: 10.58824vw;
      height: 5.78431vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_plan01_balloon img {
      width: 108px;
      height: 59px;
    }
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail01 {
      padding: 4.90196vw 8.33333vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail01 {
      padding: 50px 85px;
    }
  }

  .selling_detail01_img {
    width: 100%;
    height: auto;
    display: block;
  }

  .selling_detail01_img01 {
    margin-bottom: 25px;
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail01_img01 {
      margin-bottom: 0;
    }
  }

  .selling_detail01_img02 {
    margin-bottom: 0;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail01_img02 {
      width: 52%;
    }
  }

  .selling_detail01_img02 img {
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail01_text {
      margin-bottom: 1.96078vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail01_text {
      margin-bottom: 20px;
    }
  }

  .selling_detail01_column {
    padding: 35px 20px;
    background-color: #e1eef3;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail01_column {
      padding: 3.92157vw 6.86275vw;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail01_column {
      padding: 40px 70px;
    }
  }

  .selling_detail01_column .column_body {
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail01_column .column_body {
      width: 62%;
    }
  }

  .selling_detail01_column .column_heading {
    margin: 0 auto 20px;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 1;
    text-align: center;
    color: #649bb1;
    position: relative;
  }

  .selling_detail01_column .column_heading::before,
  .selling_detail01_column .column_heading::after {
    content: "";
    width: 1px;
    height: 20px;
    background-color: #649bb1;
    display: block;
    position: absolute;
    bottom: 0;
  }

  .selling_detail01_column .column_heading::before {
    left: 0;
    transform: rotate(-15deg);
  }

  .selling_detail01_column .column_heading::after {
    right: 0;
    transform: rotate(15deg);
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail01_column .column_heading {
      margin-bottom: 1.96078vw;
      width: 21.56863vw;
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 1.07143;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail01_column .column_heading {
      margin-bottom: 20px;
      width: 220px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 15px;
      line-height: 1.5rem;
    }
  }

  .selling_detail01_column .column_text {
    margin-bottom: 20px;
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 2;
    color: #649bb1;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail01_column .column_text {
      margin-bottom: 0;
      font-size: 12px;
      font-size: 1.17647vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail01_column .column_text {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 24px;
      line-height: 2.4rem;
    }
  }

  .selling_detail01_column .column_img {
    margin: 0 auto;
    width: 75%;
    height: auto;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail01_column .column_img {
      margin: 0;
      width: 33.333%;
      align-self: flex-start;
    }
  }

  /* 02
------------------------------------------------------------*/
  .selling_plan02 {
    padding-top: 60px;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .selling_plan02 {
      padding-top: 5.88235vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_plan02 {
      padding-top: 60px;
    }
  }

  .selling_detail02 {
    background-color: #fff;
    background-image: none;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail02 {
      background-image: url("images/selling_plans_02_bg.png");
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail02 {
      padding: 40px 50px;
    }
  }

  .selling_detail02_card {
    background-color: rgba(255, 255, 255, 0.9);
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail02_card {
      padding: 2.94118vw 3.92157vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail02_card {
      padding: 30px 40px;
    }
  }

  .selling_detail02_row {
    margin-bottom: 30px;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail02_row {
      margin-bottom: 1.96078vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail02_row {
      margin-bottom: 30px;
    }
  }

  .selling_detail02_body {
    margin-bottom: 30px;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail02_body {
      margin-bottom: 0;
    }
  }

  .selling_detail02_heading {
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 5.33333vw;
    line-height: 1.75;
    color: #0f3668;
    text-align: center;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail02_heading {
      text-align-last: left;
      margin-bottom: 0.98039vw;
      font-size: 22px;
      font-size: 2.15686vw;
      line-height: 1.59091;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail02_heading {
      margin-bottom: 10px;
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 35px;
      line-height: 3.5rem;
    }
  }

  .selling_detail02_heading span {
    background: linear-gradient(transparent 70%, #fcc80e 30%);
  }

  .selling_detail02_img {
    margin-bottom: 35px;
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail02_img {
      margin-bottom: 0;
      width: 52%;
    }
  }

  .selling_detail02_img img {
    width: 100%;
    height: auto;
    display: block;
  }

  .selling_detail02_column {
    margin-bottom: 36px;
    padding: 35px 20px 20px;
    border: 1px dashed #0f3668;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail02_column {
      padding: 1.47059vw 3.43137vw;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail02_column {
      padding: 15px 35px;
    }
  }

  .selling_detail02_column .column_label {
    width: 100px;
    background-color: #0f3668;
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 2.91667;
    color: #fff;
    text-align: center;
    font-weight: bold;
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translateX(-50%);
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail02_column .column_label {
      width: 15%;
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2.85714;
      position: static;
      transform: translateX(0);
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail02_column .column_label {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 40px;
      line-height: 4rem;
    }
  }

  .selling_detail02_column .column_text {
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.875;
    color: #0f3668;
    font-weight: bold;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail02_column .column_text {
      width: 82%;
      font-size: 18px;
      font-size: 1.76471vw;
      line-height: 1.77778;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail02_column .column_text {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 32px;
      line-height: 3.2rem;
    }
  }

  .selling_detail02_column .column_text em {
    color: #fcaa0e;
  }

  /* 03
------------------------------------------------------------*/
  .selling_plan03 {
    padding-bottom: 100px;
  }

  @media print, screen and (min-width: 480px) {
    .selling_plan03 {
      padding-bottom: 19.60784vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_plan03 {
      padding-bottom: 200px;
    }
  }

  .selling_plan03_heading {
    margin-bottom: 35px;
    padding-bottom: 5px;
    width: 100%;
    font-size: 20px;
    font-size: 5.33333vw;
    line-height: 2;
    color: #0f3668;
    border-bottom: 2px dashed #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .selling_plan03_heading {
      margin: 0 auto 3.43137vw;
      padding-bottom: 10px;
      width: 54.90196vw;
      font-size: 26px;
      font-size: 2.54902vw;
      line-height: 1.53846;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_plan03_heading {
      margin-bottom: 35px;
      padding-bottom: 10px;
      width: 560px;
      font-size: 26px;
      font-size: 2.6rem;
      line-height: 40px;
      line-height: 4rem;
    }
  }

  .selling_plan03_heading em {
    color: #fcaa0e;
  }

  .selling_plan03_row {
    margin: 0 auto;
    width: 100%;
    max-width: 750px;
  }

  .selling_plan03_img {
    width: 100%;
    height: auto;
    display: block;
  }

  .selling_plan03_img img {
    width: 100%;
    height: auto;
    display: block;
  }

  .selling_detail03 {
    padding: 30px 20px;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail03 {
      padding: 4.90196vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail03 {
      padding: 50px;
    }
  }

  .selling_detail03_heading {
    margin: 0 auto 25px;
    width: 230px;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail03_heading {
      margin-bottom: 1.96078vw;
      width: 27.45098vw;
      max-width: 280px;
    }
  }

  @media print, screen and (min-width: 768px) {
    .selling_detail03_heading {
      margin-bottom: 20px;
    }
  }

  .selling_detail03_heading img {
    width: 100%;
    height: auto;
    display: block;
  }

  .selling_detail03_lead {
    margin-bottom: 25px;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.875;
    color: #0f3668;
    text-align: center;
    font-weight: bold;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail03_lead {
      margin-bottom: 3.92157vw;
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 1.875;
    }
  }

  @media print, screen and (min-width: 768px) {
    .selling_detail03_lead {
      margin-bottom: 40px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 30px;
      line-height: 3rem;
    }
  }

  .selling_detail03_column {
    margin-bottom: 20px;
    padding: 20px 25px;
    background-color: #e1eef3;
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail03_column {
      padding: 30px 40px;
    }
  }

  .selling_detail03_column .column_row {
    margin-bottom: 50px;
    padding-bottom: 45px;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail03_column .column_row {
      margin-right: -2.45098vw;
      margin-left: -2.45098vw;
      margin-bottom: 1.96078vw;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail03_column .column_row {
      margin-bottom: 20px;
    }
  }

  .selling_detail03_column .column_row::after {
    content: "";
    width: 100%;
    height: 4.26667vw;
    background-image: url(images/selling_plans_03_clumn_bracket_sp.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail03_column .column_row::after {
      width: 78.43137vw;
      height: 5vw;
      background-image: url(images/selling_plans_03_clumn_bracket.png);
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail03_column .column_row::after {
      width: 800px;
      height: 55px;
    }
  }

  .selling_detail03_column .column_col {
    padding-right: 25px;
    padding-left: 25px;
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail03_column .column_col {
      width: calc(100% / 3);
    }
  }

  .selling_detail03_column .column_col1 {
    position: relative;
  }

  .selling_detail03_column .column_col1::after {
    content: "";
    width: 100%;
    height: 22.4vw;
    background-image: url(images/selling_plans_03_clumn_arrow01_sp.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail03_column .column_col1::after {
      width: 13.92157vw;
      height: 6.76471vw;
      background-image: url(images/selling_plans_03_clumn_arrow01.png);
      position: absolute;
      top: 0.58824vw;
      right: -50%;
      transform: translateX(-50%);
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail03_column .column_col1::after {
      width: 142px;
      height: 61px;
      top: 6px;
      right: -71px;
      transform: translateX(0);
    }
  }

  .selling_detail03_column .column_col2 {
    position: relative;
  }

  .selling_detail03_column .column_col2::after {
    content: "";
    width: 100%;
    height: 22.4vw;
    background-image: url(images/selling_plans_03_clumn_arrow02_sp.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail03_column .column_col2::after {
      width: 13.92157vw;
      height: 6.76471vw;
      background-image: url(images/selling_plans_03_clumn_arrow02.png);
      position: absolute;
      top: 0.58824vw;
      right: -50%;
      transform: translateX(-50%);
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail03_column .column_col2::after {
      width: 142px;
      height: 61px;
      top: 6px;
      right: -71px;
      transform: translateX(0);
    }
  }

  .selling_detail03_column .column_img {
    margin-bottom: 15px;
    width: 100%;
    height: auto;
    display: block;
  }

  .selling_detail03_column .column_text {
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2;
    color: #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail03_column .column_text {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail03_column .column_text {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  .selling_detail03_column .column_text strong {
    font-size: 18px;
    font-size: 4.8vw;
    line-height: 1.55556;
    text-decoration: underline;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail03_column .column_text strong {
      font-size: 18px;
      font-size: 1.76471vw;
      line-height: 1.55556;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail03_column .column_text strong {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  .selling_detail03_column .column_summary {
    font-size: 15px;
    font-size: 4vw;
    line-height: 2;
    color: #0f3668;
    text-align: center;
    font-weight: bold;
    position: relative;
  }

  .selling_detail03_column .column_summary::before {
    content: "";
    width: 50px;
    height: 30px;
    background-image: url(images/selling_plans_03_clumn_baloon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
    position: absolute;
    top: -30px;
    left: -10px;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail03_column .column_summary {
      font-size: 18px;
      font-size: 1.76471vw;
      line-height: 1.77778;
    }
    .selling_detail03_column .column_summary::before {
      width: 5.68627vw;
      height: 2.94118vw;
      top: -1.47059vw;
      left: 11.76471vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail03_column .column_summary {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 32px;
      line-height: 3.2rem;
    }
    .selling_detail03_column .column_summary::before {
      width: 58px;
      height: 30px;
      top: -15px;
      left: 120px;
    }
  }

  .selling_detail03_column .column_summary em {
    background: linear-gradient(transparent 70%, #fcc80e 30%);
  }

  .selling_detail03_note {
    font-size: 11px;
    font-size: 2.93333vw;
    line-height: 2;
    color: #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .selling_detail03_note {
      font-size: 11px;
      font-size: 1.07843vw;
      line-height: 2;
      text-align: center;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_detail03_note {
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 22px;
      line-height: 2.2rem;
    }
  }

  .selling_message {
    margin: 0 auto 40px;
    height: 80px;
    position: relative;
  }

  .selling_message::after {
    content: "";
    width: 0;
    height: 0;
    border-top-width: 15px;
    border-top-style: solid;
    border-top-color: #a6cddd;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    display: block;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
  }

  @media print, screen and (min-width: 480px) {
    .selling_message {
      margin-bottom: 5.88235vw;
      height: 14.11765vw;
    }
    .selling_message::after {
      border-top-width: 1.47059vw;
      border-right: 1.47059vw solid transparent;
      border-bottom: 1.47059vw solid transparent;
      border-left: 1.47059vw solid transparent;
      bottom: -2.94118vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_message {
      margin-bottom: 60px;
      height: 144px;
    }
    .selling_message::after {
      border-top-width: 15px;
      border-right: 15px solid transparent;
      border-bottom: 15px solid transparent;
      border-left: 15px solid transparent;
      bottom: -30px;
    }
  }

  .selling_message_img {
    margin: 0 auto;
    top: -60px;
    display: block;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .selling_message_img {
      top: -9.80392vw;
      width: 76.17647vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .selling_message_img {
      top: -100px;
      width: 777px;
    }
  }

  .selling_message_img img {
    width: 100%;
    height: auto;
    display: block;
  }

  .textColored {
    padding: 2px 0;
    background-color: #a6cddd;
    font-style: normal;
  }

  .textColored_w {
    padding: 2px 0;
    background-color: #fff;
    font-style: normal;
  }

  .bgc {
    background-color: #a6cddd;
  }

  .bgcdark {
    background-color: #649bb1;
  }

  .bgclite {
    background-color: #e1eef3;
  }

  .bgcgray {
    background-color: #f9f9f9;
  }

  .bgclite {
    background-color: #e1eef3;
  }

  .anchor {
    padding-top: 30px;
    margin-top: -30px;
  }

  .contact_buttons {
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    border: 1px solid #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .contact_buttons {
      width: 62%;
    }
  }

  .contact_buttons_heading {
    border-bottom: 3px solid #0f3668;
  }

  .contact_buttons_heading img {
    width: 100%;
    height: auto;
    display: block;
  }

  .contact_buttons_row {
    padding: 20px;
  }

  @media print, screen and (min-width: 480px) {
    .contact_buttons_row {
      padding: 1.96078vw 4.90196vw;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .contact_buttons_row {
      padding: 20px 50px;
    }
  }

  .contact_button {
    display: block;
  }

  .contact_button img {
    width: 100%;
    height: auto;
    display: block;
  }

  .contact_button_tel {
    margin-bottom: 15px;
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .contact_button_tel {
      margin-bottom: 0;
      width: 74%;
    }
  }

  .contact_button_tel img {
    width: 100%;
    height: auto;
    display: block;
  }

  .contact_button_mail {
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .contact_button_mail {
      width: 22%;
    }
  }

  .contact_button_mail img {
    width: 100%;
    height: auto;
    display: block;
  }

  /**
/* page - selling
============================================================*/
  .owners_navi {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #a6cddd;
  }

  @media print, screen and (min-width: 480px) {
    .owners_navi {
      padding-top: 4.90196vw;
      padding-bottom: 4.90196vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners_navi {
      padding-top: 50px;
      padding-bottom: 50px;
    }
  }

  .owners_navi_inner {
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
  }

  .owners_navi_heading {
    margin: 0 auto 40px;
    width: 100%;
  }

  .owners_navi_heading img {
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .owners_navi_heading {
      margin-bottom: 3.92157vw;
      width: 60.4902vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners_navi_heading {
      margin-bottom: 40px;
      width: 617px;
    }
  }

  @media print, screen and (min-width: 480px) {
    .owners_navi_row {
      margin-right: 1.76471vw;
      margin-left: 1.76471vw;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners_navi_row {
      margin-right: -18px;
      margin-left: -18px;
    }
  }

  .owners_navi_col {
    margin: 0 auto 40px;
    width: 80%;
  }

  @media print, screen and (min-width: 480px) {
    .owners_navi_col {
      margin-bottom: 0;
      padding-right: 1.76471vw;
      padding-left: 1.76471vw;
      width: calc(100% / 3);
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners_navi_col {
      padding-right: 18px;
      padding-left: 18px;
    }
  }

  .owners_navi_img {
    margin: 0 auto 15px;
    width: 80%;
    display: block;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .owners_navi_img {
      margin-bottom: 1.47059vw;
      width: 100%;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners_navi_img {
      margin-bottom: 15px;
    }
  }

  .owners_navi_img img {
    width: 100%;
    height: auto;
    display: block;
  }

  .owners_navi_text {
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2;
  }

  @media print, screen and (min-width: 480px) {
    .owners_navi_text {
      padding: 0 1.96078vw;
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners_navi_text {
      padding: 0 20px;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  /* 共通
------------------------------------------------------------*/
  .owners {
    padding-top: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .owners {
      padding-top: 7.84314vw;
      padding-bottom: 7.84314vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  }

  .owners_inner {
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    max-width: 980px;
  }

  @media print, screen and (min-width: 1020px) {
    .owners_inner {
      padding-right: 0;
      padding-left: 0;
    }
  }

  .owners_heading {
    margin: 0 auto 30px;
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .owners_heading {
      margin-bottom: 2.94118vw;
      width: 58.23529vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners_heading {
      margin-bottom: 30px;
      width: 594px;
    }
  }

  .owners_heading picture {
    display: block;
  }

  .owners_heading img {
    width: 100%;
    height: auto;
    display: block;
  }

  .owners_lead {
    margin-bottom: 40px;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 2;
  }

  @media print, screen and (min-width: 480px) {
    .owners_lead {
      margin-bottom: 3.92157vw;
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 2;
      text-align: center;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners_lead {
      margin-bottom: 40px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 32px;
      line-height: 3.2rem;
    }
  }

  .owners_lead strong {
    font-size: 20px;
    font-size: 5.33333vw;
    line-height: 1.6;
    color: #649bb1;
    font-weight: bold;
  }

  @media print, screen and (min-width: 480px) {
    .owners_lead strong {
      font-size: 20px;
      font-size: 1.96078vw;
      line-height: 1.6;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners_lead strong {
      font-size: 20px;
      font-size: 2rem;
      line-height: 32px;
      line-height: 3.2rem;
    }
  }

  .owners_comment {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #e1eef3;
  }

  @media print, screen and (min-width: 480px) {
    .owners_comment {
      padding-top: 4.90196vw;
      padding-bottom: 4.90196vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners_comment {
      padding-right: 0;
      padding-left: 0;
      padding-top: 50px;
      padding-bottom: 50px;
    }
  }

  .owners_comment_img {
    margin: 0 auto;
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .owners_comment_img {
      width: 86.27451vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners_comment_img {
      width: 880px;
    }
  }

  .owners_comment_img img {
    width: 100%;
    height: auto;
    display: block;
  }

  .owners_detail {
    padding-top: 40px;
    padding-right: 20px;
    padding-left: 20px;
  }

  @media print, screen and (min-width: 480px) {
    .owners_detail {
      padding-top: 4.90196vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners_detail {
      padding-top: 50px;
    }
  }

  .owners_detail_heading {
    margin: 0 auto 20px;
    width: auto;
    height: 23px;
  }

  @media print, screen and (min-width: 480px) {
    .owners_detail_heading {
      margin-bottom: 1.96078vw;
      height: 2.2549vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners_detail_heading {
      padding-right: 0;
      padding-left: 0;
      margin-bottom: 20px;
      height: 23px;
    }
  }

  .owners_detail_heading img {
    margin: 0 auto;
    width: auto;
    height: 100%;
    display: block;
  }

  /* 01
------------------------------------------------------------*/
  .owners01_detail_label {
    background: linear-gradient(to bottom right, #73a5b9 50%, #649bb1 50%);
    border-radius: 10px 10px 0 0;
    font-size: 20px;
    font-size: 5.33333vw;
    line-height: 2.5;
    color: #fff;
    text-align: center;
    font-weight: bold;
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_label {
      font-size: 20px;
      font-size: 1.96078vw;
      line-height: 2.5;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners01_detail_label {
      font-size: 20px;
      font-size: 2rem;
      line-height: 50px;
      line-height: 5rem;
    }
  }

  .owners01_detail_list {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .owners01_detail_list dt {
    padding: 10px 15px 10px 15px;
    width: 35%;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 1.5;
    color: #0f3668;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .owners01_detail_list dd {
    padding: 10px 15px 10px 15px;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 1.5;
    color: #0f3668;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 65%;
  }

  .owners01_detail_list .symbol {
    justify-content: center;
  }

  .owners01_detail_list .symbol img {
    display: block;
  }

  .owners01_detail_list .indent p {
    text-indent: -1.4rem;
    margin-left: 1rem;
  }

  .owners01_detail_table {
    margin: 0 auto 50px;
    width: 100%;
    max-width: 980px;
    border-collapse: collapse;
    border-spacing: 2px;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.5;
    color: #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_table {
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 1.5;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners01_detail_table {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 24px;
      line-height: 2.4rem;
    }
  }

  .owners01_detail_table th {
    padding: 25px 10px;
    text-align: center;
  }

  .owners01_detail_table td {
    padding: 25px 10px;
    text-align: center;
    border-right: 2px solid #fff;
  }

  .owners01_detail_table td p {
    text-indent: -1.4rem;
    margin-left: 1rem;
  }

  .owners01_detail_table td.symbol img {
    margin: 0 auto;
    display: block;
  }

  .owners01_detail_table .dis-b {
    display: block !important;
  }

  .owners01_detail_table .w235 {
    width: 235px;
  }

  .owners01_detail_table .bdr {
    border-right: 2px solid #fff;
  }

  .owners01_detail_table .pdn {
    padding: 0;
  }

  .owners01_detail_table strong {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 26px;
    line-height: 1.18182em;
    font-size: 22px;
    font-size: 5.86667vw;
    line-height: 1.18182;
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_table strong {
      font-size: 22px;
      font-size: 2.15686vw;
      line-height: 1.18182;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners01_detail_table strong {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 26px;
      line-height: 2.6rem;
    }
  }

  .owners01_detail_table .ver-t {
    vertical-align: top !important;
  }

  .owners01_detail_text {
    margin-bottom: 60px;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 2;
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_text {
      margin-bottom: 6.86275vw;
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 2;
      text-align: center;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners01_detail_text {
      margin-bottom: 70px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 32px;
      line-height: 3.2rem;
    }
  }

  .owners01_detail_case {
    margin: 0 auto;
    padding: 30px 20px;
    width: 100%;
    max-width: 800px;
    border: 1px solid #000;
    background-image: url(images/index_promise_bg.gif);
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_case {
      padding: 2.94118vw 4.41176vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners01_detail_case {
      padding: 30px 45px;
    }
  }

  .owners01_detail_case .case_heading_lv1 {
    margin-bottom: 25px;
    padding-left: 60px;
    font-size: 19px;
    font-size: 5.06667vw;
    line-height: 1.57895;
    position: relative;
  }

  .owners01_detail_case .case_heading_lv1::before {
    content: "";
    width: 50px;
    height: 37px;
    background-image: url(images/owners_01_voice_ttl.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_case .case_heading_lv1 {
      margin-bottom: 2.45098vw;
      padding-left: 8.52941vw;
      font-size: 22px;
      font-size: 2.15686vw;
      line-height: 1.5;
    }
    .owners01_detail_case .case_heading_lv1::before {
      width: 7.54902vw;
      height: 5.58824vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners01_detail_case .case_heading_lv1 {
      padding-left: 87px;
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 33px;
      line-height: 3.3rem;
    }
    .owners01_detail_case .case_heading_lv1::before {
      width: 77px;
      height: 57px;
    }
  }

  .owners01_detail_case .case_heading_lv2 {
    margin-bottom: 15px;
    padding-left: 30px;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.25;
    color: #0f3668;
    position: relative;
  }

  .owners01_detail_case .case_heading_lv2::before {
    content: "";
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_case .case_heading_lv2 {
      padding-left: 2.94118vw;
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 1.25;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners01_detail_case .case_heading_lv2 {
      padding-left: 30px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 20px;
      line-height: 2rem;
    }
  }

  .owners01_detail_case .case_heading_lv2_l::before {
    background-image: url(images/owners_01_voice_ttl21.png);
  }

  .owners01_detail_case .case_heading_lv2_r::before {
    background-image: url(images/owners_01_voice_ttl22.png);
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_case .case_row {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  .owners01_detail_case .case_col {
    margin-bottom: 30px;
    width: 100%;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_case .case_col {
      margin-bottom: 0;
      padding-top: 2.7451vw;
      width: 50%;
      background-repeat: no-repeat;
      background-position: center top;
      background-size: contain;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners01_detail_case .case_col {
      padding-top: 28px;
    }
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_case .case_col01 {
      background-image: url(images/owners_01_top01.png);
    }
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_case .case_col02 {
      background-image: url(images/owners_01_top02.png);
    }
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_case .case_col_mid {
      min-height: 49.70588vw;
      background-repeat: repeat-y;
      background-position: top left;
      background-size: contain;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners01_detail_case .case_col_mid {
      min-height: 507px;
    }
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_case .case_col_mid01 {
      padding: 0 35px 0 20px;
      background-image: url(images/owners_01_mid01.png);
    }
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_case .case_col_mid02 {
      padding: 0 20px 0 35px;
      background-image: url(images/owners_01_mid02.png);
    }
  }

  .owners01_detail_case .case_col_mid p {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.625;
    text-align: justify;
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_case .case_col_mid p {
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 1.625;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners01_detail_case .case_col_mid p {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 26px;
      line-height: 2.6rem;
    }
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_case .case_col_bottom {
      padding-bottom: 6.17647vw;
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: contain;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners01_detail_case .case_col_bottom {
      padding-bottom: 63px;
    }
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_case .case_col_bottom01 {
      background-image: url(images/owners_01_bottom01.png);
    }
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_case .case_col_bottom02 {
      background-image: url(images/owners_01_bottom02.png);
    }
  }

  .owners01_detail_case .case_card {
    padding: 20px 20px 0;
    height: 100%;
    border-radius: 10px 10px 0 0;
    background-color: #e1eef3;
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_case .case_card {
      padding: 2.94118vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners01_detail_case .case_card {
      padding: 30px 30px 0;
    }
  }

  .owners01_detail_case .case_card p {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.625;
    text-align: justify;
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_case .case_card p {
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 1.625;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners01_detail_case .case_card p {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 26px;
      line-height: 2.6rem;
    }
  }

  .owners01_detail_case .case_img {
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .owners01_detail_case .case_img {
      width: 27.45098vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners01_detail_case .case_img {
      width: 280px;
    }
  }

  /* 02
------------------------------------------------------------*/
  @media print, screen and (min-width: 480px) {
    .owners02_heading {
      width: 66.07843vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners02_heading {
      width: 674px;
    }
  }

  .owners02_detail_lead {
    margin: 0 auto 40px;
    width: 100%;
    max-width: 800px;
  }

  @media print, screen and (min-width: 480px) {
    .owners02_detail_lead {
      margin-bottom: 4.90196vw;
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners02_detail_lead {
      margin-bottom: 50px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 32px;
      line-height: 3.2rem;
    }
  }

  .owners02_detail_inner {
    margin: 0 auto;
    padding: 25px;
    width: 100%;
    max-width: 980px;
    border: 1px solid #0f3668;
    border-top-width: 3px;
  }

  @media print, screen and (min-width: 480px) {
    .owners02_detail_inner {
      padding: 5.39216vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners02_detail_inner {
      padding: 55px;
    }
  }

  @media print, screen and (min-width: 480px) {
    .owners02_detail_row {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
    }
  }

  .owners02_detail_col {
    margin-bottom: 30px;
  }

  @media print, screen and (min-width: 480px) {
    .owners02_detail_col {
      margin-bottom: 0;
      padding-right: 1.27451vw;
      padding-left: 1.27451vw;
      width: calc(100% / 3);
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners02_detail_col {
      padding-right: 13px;
      padding-left: 13px;
    }
  }

  .owners02_detail_heading_lv1 {
    margin-bottom: 25px;
    padding: 15px 0;
    width: 100%;
    background: linear-gradient(to bottom right, #edf5f8 50%, #e1eef3 50%);
    font-size: 20px;
    font-size: 5.33333vw;
    line-height: 1.5;
    text-align: center;
    position: relative;
  }

  .owners02_detail_heading_lv1::before {
    content: "";
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
    position: absolute;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
  }

  @media print, screen and (min-width: 480px) {
    .owners02_detail_heading_lv1 {
      margin-bottom: 2.45098vw;
      padding: 1.47059vw 0;
      font-size: 20px;
      font-size: 1.96078vw;
      line-height: 1.5;
    }
    .owners02_detail_heading_lv1::before {
      width: 3.43137vw;
      height: 3.43137vw;
      top: -2.54902vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners02_detail_heading_lv1 {
      margin-bottom: 25px;
      padding: 15px 0;
      font-size: 20px;
      font-size: 2rem;
      line-height: 30px;
      line-height: 3rem;
    }
    .owners02_detail_heading_lv1::before {
      width: 35px;
      height: 35px;
      top: -23px;
    }
  }

  .owners02_detail_heading_lv1_1::before {
    background-image: url(images/owners_02_dtail_ttl21.png);
  }

  .owners02_detail_heading_lv1_2::before {
    background-image: url(images/owners_02_dtail_ttl22.png);
  }

  .owners02_detail_heading_lv1_3::before {
    background-image: url(images/owners_02_dtail_ttl23.png);
  }

  .owners02_detail_heading_lv2 {
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 5.33333vw;
    line-height: 1.5;
    text-align: center;
    color: #649bb1;
  }

  @media print, screen and (min-width: 480px) {
    .owners02_detail_heading_lv2 {
      margin-bottom: 1.96078vw;
      font-size: 20px;
      font-size: 1.96078vw;
      line-height: 1.5;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners02_detail_heading_lv2 {
      margin-bottom: 20px;
      font-size: 20px;
      font-size: 2rem;
      line-height: 30px;
      line-height: 3rem;
    }
  }

  .owners02_detail_text {
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2;
  }

  @media print, screen and (min-width: 480px) {
    .owners02_detail_text {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners02_detail_text {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  /* 03
------------------------------------------------------------*/
  .owners03 {
    border-bottom: none;
  }

  @media print, screen and (min-width: 480px) {
    .owners03 {
      padding-bottom: 14.70588vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners03 {
      padding-bottom: 150px;
    }
  }

  .owners03_detail_img01 {
    margin: 0 auto 30px;
    width: 100%;
    max-width: 980px;
    display: block;
  }

  .owners03_detail_img01 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .owners03_detail_img02 {
    margin: 0 auto 30px;
    width: 100%;
    max-width: 800px;
    display: block;
  }

  @media print, screen and (min-width: 1020px) {
    .owners03_detail_img02 {
      margin-top: 60px;
      margin-bottom: 60px;
    }
  }

  .owners03_detail_img02 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .owners03_detail_text {
    margin: 0 auto 30px;
    width: 100%;
    max-width: 800px;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2;
  }

  @media print, screen and (min-width: 480px) {
    .owners03_detail_text {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners03_detail_text {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  /* まとめ
------------------------------------------------------------*/
  .owners_summary {
    margin-bottom: 80px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 100px;
    padding-bottom: 40px;
    background-color: #a6cddd;
    position: relative;
  }

  .owners_summary::after {
    content: "";
    width: 0;
    height: 0;
    border-top-width: 15px;
    border-top-style: solid;
    border-top-color: #a6cddd;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    display: block;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
  }

  @media print, screen and (min-width: 480px) {
    .owners_summary {
      padding-bottom: 3.92157vw;
    }
    .owners_summary::after {
      border-top-width: 1.47059vw;
      border-right: 1.47059vw solid transparent;
      border-bottom: 1.47059vw solid transparent;
      border-left: 1.47059vw solid transparent;
      bottom: -2.94118vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners_summary {
      padding-right: 0;
      padding-left: 0;
    }
    .owners_summary::after {
      border-top-width: 15px;
      border-right: 15px solid transparent;
      border-bottom: 15px solid transparent;
      border-left: 15px solid transparent;
      bottom: -30px;
    }
  }

  .owners_summary_inner {
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
    position: relative;
  }

  .owners_summary_heading_lv1 {
    width: 91%;
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
  }

  @media print, screen and (min-width: 480px) {
    .owners_summary_heading_lv1 {
      margin-bottom: 3.92157vw;
      width: 78.43137vw;
      top: -9.80392vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners_summary_heading_lv1 {
      margin-bottom: 40px;
      width: 800px;
      top: -100px;
    }
  }

  .owners_summary_heading_lv1 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .owners_summary_heading_lv2 {
    margin: 0 auto 30px;
    width: 85%;
  }

  @media print, screen and (min-width: 480px) {
    .owners_summary_heading_lv2 {
      margin-bottom: 2.94118vw;
      width: 37.64706vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners_summary_heading_lv2 {
      margin-bottom: 30px;
      width: 384px;
    }
  }

  .owners_summary_heading_lv2 img {
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .owners_summary_row {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  .owners_summary_col {
    margin-bottom: 30px;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .owners_summary_col {
      margin-bottom: 0;
      width: calc(100% / 3);
    }
  }

  .owners_summary_img {
    margin: 0 auto;
    width: 90%;
    height: auto;
    display: block;
  }

  .owners_summary_text {
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.625;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50.66667vw;
    left: 0;
    z-index: 2;
  }

  @media print, screen and (min-width: 480px) {
    .owners_summary_text {
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 1.625;
      top: 18.62745vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .owners_summary_text {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 26px;
      line-height: 2.6rem;
      top: 190px;
    }
  }

  /**
/* page - beginners
============================================================*/
  .beginners_heading_lv1 {
    margin: 0 auto 30px;
    width: 100%;
    max-width: 450px;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_heading_lv1 {
      margin-bottom: 2.94118vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_heading_lv1 {
      margin-bottom: 30px;
    }
  }

  .beginners_heading_lv1 picture {
    display: block;
  }

  .beginners_heading_lv1 picture img {
    width: 100%;
    height: auto;
    display: block;
  }

  .beginners_heading_lv2 {
    margin-bottom: 15px;
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_heading_lv2 {
      margin-bottom: 1.47059vw;
      height: 3.72549vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_heading_lv2 {
      margin-bottom: 15px;
      width: auto;
      height: 38px;
    }
  }

  .beginners_heading_lv2 img {
    margin: 0 auto;
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_heading_lv2 img {
      margin: 0 auto;
      width: auto;
      height: 100%;
    }
  }

  .beginners_lead {
    margin: 0 auto 50px;
    width: 100%;
    max-width: 800px;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_lead {
      margin-bottom: 4.90196vw;
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_lead {
      margin-bottom: 50px;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  .beginners_column {
    margin: 0 auto 40px;
    padding: 20px;
    width: 91%;
    max-width: 800px;
    border: 1px solid #0f3668;
    border-top-width: 3px;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_column {
      margin-bottom: 4.90196vw;
      padding: 4.41176vw 7.84314vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_column {
      margin-bottom: 50px;
      padding: 45px 80px;
    }
  }

  .beginners_point {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 20px;
    padding-left: 20px;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_point {
      padding-top: 5.39216vw;
      padding-bottom: 5.39216vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_point {
      padding-right: 0;
      padding-left: 0;
      padding-top: 55px;
      padding-bottom: 55px;
    }
  }

  .beginners_point_inner {
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
  }

  .beginners_point_heading_lv1 {
    margin: 0 auto 45px;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_point_heading_lv1 {
      margin-bottom: 4.41176vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_point_heading_lv1 {
      margin-bottom: 45px;
    }
  }

  .beginners_point_heading_lv1 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .beginners_point_heading_lv2 {
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 5.33333vw;
    line-height: 1.5;
    color: #0f3668;
    text-align: center;
    font-weight: bold;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_point_heading_lv2 {
      font-size: 20px;
      font-size: 1.96078vw;
      line-height: 1.5;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_point_heading_lv2 {
      font-size: 20px;
      font-size: 2rem;
      line-height: 30px;
      line-height: 3rem;
    }
  }

  @media print, screen and (min-width: 480px) {
    .beginners_point_row {
      margin-right: -1.47059vw;
      margin-left: -1.47059vw;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_point_row {
      margin-right: -15px;
      margin-left: -15px;
    }
  }

  .beginners_point_col {
    margin-bottom: 40px;
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_point_col {
      margin-bottom: 0;
      padding: 0 1.47059vw;
      width: calc(100% / 3);
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_point_col {
      padding: 0 15px;
    }
  }

  .beginners_point_card {
    height: 100%;
    background-color: #fff;
  }

  .beginners_point_img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    top: -10px;
  }

  .beginners_point_body {
    padding: 20px;
  }

  .beginners_point_text {
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_point_text {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_point_text {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  .beginners_compare {
    padding-top: 40px;
    padding-bottom: 30px;
    padding-right: 20px;
    padding-left: 20px;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_compare {
      padding-top: 5.39216vw;
      padding-bottom: 4.90196vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_compare {
      padding-top: 55px;
      padding-bottom: 50px;
      padding-right: 0;
      padding-left: 0;
    }
  }

  .beginners_compare_heading_lv1 {
    margin: 0 auto 50px;
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_compare_heading_lv1 {
      margin-bottom: 5.88235vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_compare_heading_lv1 {
      margin-bottom: 60px;
    }
  }

  .beginners_compare_heading_lv1 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .beginners_compare_heading_lv2 {
    margin-bottom: 15px;
    font-size: 20px;
    font-size: 5.33333vw;
    line-height: 1;
    color: #0f3668;
    text-align: center;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_compare_heading_lv2 {
      margin-bottom: 1.47059vw;
      font-size: 20px;
      font-size: 1.96078vw;
      line-height: 1;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_compare_heading_lv2 {
      margin-bottom: 15px;
      font-size: 20px;
      font-size: 2rem;
      line-height: 20px;
      line-height: 2rem;
    }
  }

  .beginners_compare_inner {
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_compare_row {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  .beginners_compare_col {
    padding-top: 45px;
    padding-bottom: 30px;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    background-color: #fff;
    background-image: url(images/index_promise_bg.gif);
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_compare_col {
      padding-top: 4.41176vw;
      padding-bottom: 2.94118vw;
      padding-right: 3.92157vw;
      padding-left: 3.92157vw;
      width: 43.62745vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_compare_col {
      padding-top: 45px;
      padding-bottom: 30px;
      padding-right: 40px;
      padding-left: 40px;
      width: 445px;
    }
  }

  .beginners_compare_vs {
    margin: 25px auto 45px;
    width: 32px;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_compare_vs {
      margin: 0;
      width: 3.13725vw;
      align-self: center;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_compare_vs {
      width: 53px;
    }
  }

  .beginners_compare_num {
    width: 50px;
    display: block;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
  }

  @media print, screen and (min-width: 480px) {
    .beginners_compare_num {
      width: 5.39216vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_compare_num {
      width: 55px;
    }
  }

  .beginners_compare_label {
    margin: 0 auto 10px;
    width: 80px;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_compare_label {
      margin: 0 0 0.98039vw;
      width: 7.84314vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_compare_label {
      margin-bottom: 10px;
      width: 80px;
    }
  }

  .beginners_compare_label img {
    width: 100%;
    height: auto;
    display: block;
  }

  .beginners_compare_list {
    list-style-type: none;
    padding-left: 0;
  }

  .beginners_compare_list li {
    margin-bottom: 5px;
    padding-left: 24px;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 1.5;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }

  .beginners_compare_list li::before {
    content: "";
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_compare_list li {
      margin-bottom: 0;
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2.14286;
    }
    .beginners_compare_list li::before {
      width: 1.96078vw;
      height: 1.96078vw;
      top: 0.39216vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_compare_list li {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 30px;
      line-height: 3rem;
    }
    .beginners_compare_list li::before {
      width: 20px;
      height: 20px;
      top: 4px;
    }
  }

  .beginners_compare_list_m {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px dotted #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_compare_list_m {
      margin-bottom: 1.47059vw;
      padding-bottom: 0.98039vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_compare_list_m {
      margin-bottom: 15px;
      padding-bottom: 10px;
    }
  }

  .beginners_compare_list_m li::before {
    background-image: url(images/beginners_2fam_buy_icon_maru.png);
  }

  .beginners_compare_list_d li::before {
    background-image: url(images/beginners_2fam_buy_icon_batsu.png);
  }

  .beginners_estate {
    padding-top: 40px;
    padding-bottom: 60px;
    padding-right: 20px;
    padding-left: 20px;
    border-bottom: 1px solid #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_estate {
      padding-top: 6.86275vw;
      padding-bottom: 4.90196vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_estate {
      padding-right: 0;
      padding-left: 0;
      padding-top: 70px;
      padding-bottom: 50px;
    }
  }

  .beginners_estate_heading {
    margin: 0 auto 20px;
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_estate_heading {
      margin-bottom: 1.96078vw;
      width: 32.84314vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_estate_heading {
      margin-bottom: 20px;
      width: 335px;
    }
  }

  .beginners_estate_heading img {
    width: 100%;
    height: auto;
    display: block;
  }

  .beginners_estate_inner {
    margin: 0 auto;
    padding: 50px 20px 60px;
    width: 100%;
    max-width: 980px;
    border: 1px solid #729baf;
    border-top-width: 3px;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_estate_inner {
      padding-top: 2.94118vw;
      padding-bottom: 3.92157vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_estate_inner {
      padding-top: 30px;
      padding-bottom: 40px;
    }
  }

  @media print, screen and (min-width: 480px) {
    .beginners_estate_row {
      margin-right: -1.96078vw;
      margin-left: -1.96078vw;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_estate_row {
      margin-right: -20px;
      margin-left: -20px;
    }
  }

  @media print, screen and (min-width: 480px) {
    .beginners_estate_row .postIndex {
      margin-bottom: 0;
    }
  }

  .beginners_estate_roupe {
    width: 50px;
    height: 42px;
    position: absolute;
    top: -9px;
    left: 20px;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_estate_roupe {
      top: -0.88235vw;
      left: 1.96078vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_estate_roupe {
      top: -9px;
      left: 20px;
    }
  }

  .beginners_estate_button {
    width: 280px;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2.85714;
    color: #fff;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
  }

  @media print, screen and (min-width: 480px) {
    .beginners_estate_button {
      width: 29.41176vw;
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2.85714;
      bottom: -1.96078vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_estate_button {
      width: 300px;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 40px;
      line-height: 4rem;
      bottom: -20px;
    }
  }

  @media print, screen and (min-width: 480px) {
    .begimg {
      background-image: url(images/beginners_lead_bg.png);
      background-repeat: no-repeat;
      background-position: 49.01961vw 0;
      background-size: 428px 310px;
    }
  }

  @media print, screen and (min-width: 768px) {
    .begimg {
      background-position: 83.33333vw 0;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .begimg {
      background-size: 428px 310px;
      background-position: 770px 0;
    }
  }

  .lead_beginners {
    margin: 0 auto 70px;
    width: 100%;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .lead_beginners {
      margin-bottom: 7.84314vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .lead_beginners {
      margin-bottom: 80px;
    }
  }

  .lead_beginners_inner {
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
  }

  .lead_beginners h2 {
    margin-bottom: 25px;
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .lead_beginners h2 {
      margin-bottom: 3.43137vw;
      width: 44.11765vw;
      max-width: 450px;
    }
  }

  .lead_beginners h2 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .lead_beginners p {
    margin-bottom: 30px;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.875;
    color: #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .lead_beginners p {
      margin-bottom: 2.94118vw;
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 1.875;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .lead_beginners p {
      margin-bottom: 30px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 30px;
      line-height: 3rem;
    }
  }

  .lead_beginners_img {
    margin-bottom: 20px;
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .lead_beginners_img {
      width: 41.96078vw;
      height: 30.39216vw;
      position: absolute;
      top: 0;
      right: 80px;
      z-index: -1;
    }
  }

  @media print, screen and (min-width: 768px) {
    .lead_beginners_img {
      width: 428px;
      height: 310px;
      top: 0;
      right: -80px;
    }
  }

  /* ページナビゲーション
------------------------------------------------------------*/
  .beginners_navi {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
  }

  .beginners_navi::after {
    content: "";
    width: 0;
    height: 0;
    border-top-width: 22px;
    border-top-style: solid;
    border-top-color: #a6cddd;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
    display: block;
    position: absolute;
    bottom: -42px;
    left: 50%;
    transform: translateX(-50%);
  }

  @media print, screen and (min-width: 480px) {
    .beginners_navi {
      padding-top: 3.92157vw;
      padding-bottom: 3.92157vw;
      height: 45.4902vw;
      background-image: url(images/beginners_select_bg.png);
      background-repeat: repeat-x;
      background-position: left bottom;
      background-size: 964px;
    }
    .beginners_navi::after {
      border-top-width: 2.15686vw;
      border-right: 1.96078vw solid transparent;
      border-bottom: 1.96078vw solid transparent;
      border-left: 1.96078vw solid transparent;
      display: block;
      position: absolute;
      bottom: -4.11765vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_navi {
      padding-top: 40px;
      padding-bottom: 40px;
      height: 464px;
    }
    .beginners_navi::after {
      border-top-width: 22px;
      border-right: 20px solid transparent;
      border-bottom: 20px solid transparent;
      border-left: 20px solid transparent;
      bottom: -42px;
    }
  }

  .beginners_navi_heading {
    margin: 0 auto 30px;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_navi_heading {
      margin-bottom: 30px;
      width: 50vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_navi_heading {
      margin-bottom: 30px;
      width: 510px;
    }
  }

  .beginners_navi_heading img {
    width: 100%;
    height: auto;
    display: block;
  }

  .beginners_navi_row {
    width: 100%;
    position: relative;
  }

  @media print, screen and (min-width: 768px) {
    .beginners_navi_row {
      margin: 0 auto;
      max-width: 980px;
    }
  }

  .beginners_navi_col {
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_navi_col {
      position: absolute;
    }
  }

  .beginners_navi_col img {
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .beginners_navi .sbSinglewoman {
      width: 26.86275vw;
      height: 24.31373vw;
      top: 2.05882vw;
      left: 4.90196vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_navi .sbSinglewoman {
      width: 274px;
      height: 248px;
      top: 21px;
      left: 50px;
    }
  }

  @media print, screen and (min-width: 480px) {
    .beginners_navi .sbFamily {
      width: 31.47059vw;
      height: 19.70588vw;
      top: 9.21569vw;
      left: 20.88235vw;
      z-index: 5;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_navi .sbFamily {
      width: 321px;
      height: 201px;
      top: 94px;
      left: 213px;
    }
  }

  @media print, screen and (min-width: 480px) {
    .beginners_navi .sbTwofamily {
      width: 27.2549vw;
      height: 23.92157vw;
      top: 2.05882vw;
      left: 46.86275vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_navi .sbTwofamily {
      width: 278px;
      height: 244px;
      top: 21px;
      left: 478px;
    }
  }

  @media print, screen and (min-width: 480px) {
    .beginners_navi .sbCouple {
      width: 15.68627vw;
      height: 29.01961vw;
      top: -2.2549vw;
      left: 77.2549vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .beginners_navi .sbCouple {
      width: 160px;
      height: 296px;
      top: -23px;
      left: 788px;
    }
  }

  /* シングルウーマン
------------------------------------------------------------*/
  .singlewoman {
    padding-top: 80px;
  }

  .singlewoman_column .column_row {
    margin-bottom: 10px;
  }

  @media print, screen and (min-width: 480px) {
    .singlewoman_column .column_row {
      margin-bottom: 2.45098vw;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .singlewoman_column .column_row {
      margin-bottom: 25px;
    }
  }

  .singlewoman_column .column_row img {
    margin-bottom: 10px;
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .singlewoman_column .column_row img {
      margin-bottom: 0;
      width: 46.9%;
    }
  }

  .singlewoman_column .column_text {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 2.33333;
  }

  @media print, screen and (min-width: 480px) {
    .singlewoman_column .column_text {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .singlewoman_column .column_text {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  .singlewoman_point {
    background-color: #a6cddd;
  }

  @media print, screen and (min-width: 480px) {
    .singlewoman_point_heading_lv1 {
      width: 73.82353vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .singlewoman_point_heading_lv1 {
      width: 753px;
    }
  }

  /* 子育てくらし
------------------------------------------------------------*/
  .family {
    padding-top: 60px;
  }

  @media print, screen and (min-width: 480px) {
    .family {
      padding-top: 5.88235vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .family {
      padding-top: 60px;
    }
  }

  .family_point {
    background-color: #e1eef3;
  }

  /* 親子二世帯のくらし
------------------------------------------------------------*/
  .twofamily {
    padding-top: 60px;
  }

  .twofamily_column .column_img {
    display: block;
  }

  .twofamily_column .column_img img {
    width: 100%;
    height: auto;
    display: block;
  }

  .twofamily_compare {
    background-color: #649bb1;
  }

  @media print, screen and (min-width: 480px) {
    .twofamily_compare_heading {
      width: 48.23529vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .twofamily_compare_heading {
      width: 492px;
    }
  }

  /* セカンドライフ
------------------------------------------------------------*/
  .couple {
    padding-top: 60px;
  }

  .couple_lead {
    margin-bottom: 100px;
  }

  .couple_column .column_img {
    display: block;
  }

  .couple_column .column_img img {
    width: 100%;
    height: auto;
    display: block;
  }

  .couple_compare {
    background-color: #a6cddd;
  }

  .couple_compare_inner {
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .couple_compare_inner::before {
      content: "";
      width: 16.27451vw;
      height: 14.90196vw;
      background-image: url(images/beginners_cpl_dec_arrow.png);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      display: block;
      position: absolute;
      top: -12.64706vw;
      right: 10vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .couple_compare_inner::before {
      width: 166px;
      height: 152px;
      top: -129px;
      right: 102px;
    }
  }

  .couple_compare_heading {
    margin-bottom: 70px;
  }

  @media print, screen and (min-width: 480px) {
    .couple_compare_heading {
      margin-bottom: 4.90196vw;
      width: 42.64706vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .couple_compare_heading {
      margin-bottom: 50px;
      width: 435px;
    }
  }

  .couple_compare_icon {
    width: 50px;
    display: block;
    position: absolute;
    top: -48px;
    left: 50%;
    transform: translateX(-50%);
  }

  @media print, screen and (min-width: 480px) {
    .couple_compare_icon {
      width: 5.39216vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .couple_compare_icon {
      width: 55px;
    }
  }

  /**
/* page - profile
============================================================*/
  .profile-inner {
    margin: 0 0 90px 0;
    padding-right: 20px;
    padding-left: 20px;
  }

  .profile-inner:last-of-type {
    margin-bottom: 0;
  }

  @media print, screen and (min-width: 480px) {
    .profile-inner {
      margin-bottom: 14.70588vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .profile-inner {
      margin-bottom: 150px;
    }
  }

  .profile-row {
    margin-bottom: 30px;
    padding-bottom: 40px;
    border-bottom: 1px solid #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .profile-row {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  .profile-info {
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .profile-info {
      width: 37%;
    }
  }

  .profile-img {
    margin: 0 auto 30px;
    width: 70%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 768px) {
    .profile-img {
      width: 100%;
    }
  }

  .profile-detail {
    margin-bottom: 30px;
  }

  @media print, screen and (min-width: 480px) {
    .profile-detail {
      margin-bottom: 2.94118vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .profile-detail {
      margin-bottom: 30px;
    }
  }

  .profile-detail h2 {
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #729baf;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 1;
    color: #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .profile-detail h2 {
      margin-bottom: 0.98039vw;
      padding-bottom: 1.47059vw;
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 1;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .profile-detail h2 {
      margin-bottom: 10px;
      padding-bottom: 15px;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 30px;
      line-height: 3rem;
    }
  }

  .profile-detail h2 span {
    padding: 0 5px 3px;
    background: linear-gradient(transparent 70%, #fcc80e 30%);
  }

  .profile-detail p {
    font-size: 15px;
    font-size: 4vw;
    line-height: 2;
    color: #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .profile-detail p {
      font-size: 15px;
      font-size: 1.47059vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .profile-detail p {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 30px;
      line-height: 3rem;
    }
  }

  .profile-text {
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .profile-text {
      width: 57%;
    }
  }

  .profile-text p {
    margin-bottom: 30px;
    font-size: 15px;
    font-size: 4vw;
    line-height: 2;
  }

  @media print, screen and (min-width: 480px) {
    .profile-text p {
      font-size: 15px;
      font-size: 1.47059vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .profile-text p {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 30px;
      line-height: 3rem;
    }
  }

  .profile-outline {
    margin: 0;
    background-image: url(images/profile_line_dot.gif);
    background-repeat: repeat-y;
    background-position: 30%;
    color: #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .profile-outline {
      background-position: 18%;
    }
  }

  .profile-outline .outline__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .profile-outline .outline__date {
    width: 30%;
    font-size: 15px;
    font-size: 4vw;
    line-height: 2;
  }

  @media print, screen and (min-width: 480px) {
    .profile-outline .outline__date {
      width: 20%;
      font-size: 15px;
      font-size: 1.47059vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .profile-outline .outline__date {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 30px;
      line-height: 3rem;
    }
  }

  .profile-outline .outline__detail {
    padding-left: 20px;
    width: 70%;
    font-size: 15px;
    font-size: 4vw;
    line-height: 2;
  }

  @media print, screen and (min-width: 480px) {
    .profile-outline .outline__detail {
      width: 80%;
      font-size: 15px;
      font-size: 1.47059vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .profile-outline .outline__detail {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 30px;
      line-height: 3rem;
    }
  }

  /**
/* page - estate
============================================================*/
  .postIndexWrap {
    margin: 0 auto 90px;
    padding-right: 20px;
    padding-left: 20px;
  }

  @media print, screen and (min-width: 1020px) {
    .postIndexWrap {
      padding-right: 0;
      padding-left: 0;
    }
  }

  .postIndexWrap h2 {
    margin: 0 auto 27px;
    width: 100%;
    height: 50px;
    border: 1px solid #649bb1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  @media print, screen and (min-width: 480px) {
    .postIndexWrap h2 {
      width: 29.41176vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .postIndexWrap h2 {
      width: 300px;
    }
  }

  .postIndexWrap h2 img {
    margin: 0 auto;
    width: auto;
    height: 20px;
    display: block;
  }

  @media print, screen and (min-width: 768px) {
    .postIndexWrap h2 img {
      width: 80%;
      height: auto;
    }
  }

  .postIndexWrap h2.twoline {
    height: 70px;
  }

  .postIndexWrap h2.twoline img {
    width: auto;
    height: 43px;
  }

  .sort {
    margin-bottom: 25px;
  }

  @media print, screen and (min-width: 480px) {
    .sort {
      margin-bottom: 0.4902vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .sort {
      margin-bottom: 5px;
    }
  }

  .sort ul {
    list-style-type: none;
    padding-left: 0;
    border-bottom: 3px solid #0f3668;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  @media print, screen and (min-width: 480px) {
    .sort ul {
      justify-content: flex-start;
    }
  }

  .sort ul li {
    width: 20%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .sort ul li {
      width: 13.265%;
    }
  }

  .sort ul li a {
    padding-bottom: 5px;
    width: 100%;
    height: auto;
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 1.5;
    font-family: serif;
    text-align: center;
    text-decoration: none;
    color: #649bb1;
    outline: none;
  }

  @media print, screen and (min-width: 480px) {
    .sort ul li a {
      margin-bottom: 0;
      font-size: 12px;
      font-size: 1.17647vw;
      line-height: 3.33333;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .sort ul li a {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 40px;
      line-height: 4rem;
    }
  }

  .sort ul li.current,
  .sort ul li:hover {
    position: relative;
  }

  .sort ul li.current::after,
  .sort ul li:hover::after {
    content: "";
    width: 0;
    height: 0;
    border-top-width: 10px;
    border-top-style: solid;
    border-top-color: #0f3668;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
  }

  .sort ul li.current a,
  .sort ul li:hover a {
    color: #0f3668;
  }

  .sortBox {
    margin: 0;
    padding: 0;
  }

  @media print, screen and (min-width: 480px) {
    .sortBox .sortBoxRow {
      margin-right: -20px;
      margin-left: -20px;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
    }
  }

  .on {
    display: block;
  }

  .off {
    display: none;
  }

  .postIndex {
    box-sizing: border-box;
    margin-bottom: 30px;
    width: 100%;
    color: #729baf;
    font-size: 13px;
    font-size: 3.46667vw;
    line-height: 1.53846;
    position: relative;
  }

  .postIndex:nth-of-type(n + 4) {
    margin-bottom: 0;
  }

  @media print, screen and (min-width: 480px) {
    .postIndex {
      margin-bottom: 2.94118vw;
      padding: 1.96078vw;
      width: 33.3%;
      font-size: 13px;
      font-size: 1.27451vw;
      line-height: 1.53846;
    }
  }

  @media print, screen and (min-width: 768px) {
    .postIndex {
      padding: 20px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .postIndex {
      margin-bottom: 30px;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 20px;
      line-height: 2rem;
    }
  }

  .postIndex .catIcon {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 8;
  }

  .postIndex .postIndexCard {
    border-bottom: 1px dashed #729baf;
  }

  @media print, screen and (min-width: 768px) {
    .postIndex .postIndexCard {
      padding-bottom: 20px;
    }
  }

  .postIndex .postIndexFigure {
    margin-bottom: 10px;
    width: 100%;
    display: block;
    position: relative;
  }

  .postIndex .postIndexImg {
    width: 100%;
    height: auto;
    display: block;
  }

  .postIndex .postIndexBody {
    padding-bottom: 30px;
  }

  @media print, screen and (min-width: 480px) {
    .postIndex .postIndexBody {
      padding-bottom: 2.94118vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .postIndex .postIndexBody {
      padding-bottom: 0;
    }
  }

  .postIndex h3 {
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 4.8vw;
    line-height: 1.66667;
    font-weight: bold !important;
  }

  @media print, screen and (min-width: 480px) {
    .postIndex h3 {
      margin-bottom: 1.96078vw;
      font-size: 18px;
      font-size: 1.76471vw;
      line-height: 1.66667;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .postIndex h3 {
      margin-bottom: 20px;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 30px;
      line-height: 3rem;
    }
  }

  .postIndex h3 a {
    color: #729baf;
    text-decoration: none;
  }

  .postIndex .points {
    margin-bottom: 20px;
    padding: 0;
    list-style-type: none;
  }

  @media print, screen and (min-width: 480px) {
    .postIndex .points {
      margin-bottom: 1.96078vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .postIndex .points {
      margin-bottom: 20px;
    }
  }

  .postIndex .points li {
    padding-left: 18px;
    background: url(images/icon_point_s.gif) no-repeat;
    color: #0f3668;
    text-decoration: underline;
  }

  .rankingWrap {
    margin: 0 auto 100px;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
  }

  @media print, screen and (min-width: 1020px) {
    .rankingWrap {
      padding-right: 0;
      padding-left: 0;
    }
  }

  .rankingWrap h2 {
    width: 80%;
    max-width: 290px;
    position: absolute;
    top: -30px;
    left: 50%;
    z-index: 5;
    transform: translateX(-50%);
  }

  .rankingWrap h2 img {
    margin: 0 auto 5px;
    width: 100%;
    height: auto;
    display: block;
  }

  .rankingWrap .rankingUnits {
    border: 1px solid #729baf;
    border-top: 3px solid #729baf;
    position: relative;
    padding: 40px 20px 30px;
    box-sizing: border-box;
  }

  @media print, screen and (min-width: 480px) {
    .rankingWrap .rankingUnits {
      padding: 50px 30px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  .rankingWrap .postIndex {
    margin-bottom: 50px;
    padding: 0;
    border: none;
  }

  .rankingWrap .postIndex:first-of-type {
    width: 100%;
  }

  .rankingWrap .postIndex:first-of-type .postIndexpostInfo {
    padding-right: 15px;
    box-sizing: border-box;
  }

  .rankingWrap .postIndex:last-of-type {
    margin-bottom: 0;
  }

  @media print, screen and (min-width: 480px) {
    .rankingWrap .postIndex {
      margin-bottom: 0;
      width: 48%;
    }
    .rankingWrap .postIndex:first-of-type {
      margin-bottom: 60px;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .rankingWrap .postIndex:first-of-type .postIndexFigure {
      width: 48%;
    }
    .rankingWrap .postIndex:first-of-type .postIndexpostInfo {
      width: 48%;
    }
  }

  .rankingWrap .postIndexNum {
    width: 33px;
    height: auto;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
  }

  .dspPostIndexError {
    margin: 80px 0 80px;
    width: 100%;
    text-align: center;
  }

  .postreport {
    margin: 0 0 120px 0;
    padding: 60px 20px 30px;
    width: 100%;
    background: url(images/index_promise_bg.gif);
  }

  @media print, screen and (min-width: 1020px) {
    .postreport {
      padding-right: 0;
      padding-left: 0;
      padding-bottom: 0;
    }
  }

  .postreport__bg {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    .postreport__bg {
      background-image: url(images/estate_report_bg.png);
      background-repeat: repeat-x;
      background-position: center center;
    }
  }

  .postreport__heading--lv1 {
    margin: 0 auto 30px;
    width: 100%;
    max-width: 500px;
  }

  .postreport__heading--lv1 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .postreport__heading--lv2 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
  }

  @media print, screen and (min-width: 768px) {
    .postreport__heading--lv2 {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 24px;
      line-height: 2.4rem;
    }
  }

  .postreport__heading--lv2 a {
    color: #000;
  }

  @media print, screen and (min-width: 768px) {
    .postreport__heading--lv2 a {
      color: #fff;
    }
  }

  .postreport__lead {
    margin-bottom: 65px;
    text-align: center;
  }

  @media print, screen and (min-width: 768px) {
    .postreport__row {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
    }
  }

  .postreport__col {
    margin: 0 auto 50px;
    width: 80%;
  }

  @media print, screen and (min-width: 768px) {
    .postreport__col {
      margin: 0 0 50px;
      padding: 0 20px 30px;
      width: calc(100% / 3);
    }
  }

  .postreport__figure {
    margin-bottom: 10px;
    width: 100%;
    display: block;
    position: relative;
  }

  .postreport__img {
    width: 100%;
    height: auto;
    display: block;
  }

  .postreport__icon {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
  }

  .postreport__btn {
    margin-top: 20px;
    width: 100%;
    display: block;
  }

  .postreport__btn img {
    width: 100%;
    height: auto;
    display: block;
  }

  .postreportWrap {
    margin: 0 0 120px 0;
    padding: 90px 0 25px 0;
    width: 100%;
    background: url(images/index_promise_bg.gif);
  }

  .postreportWrap h2 {
    margin-bottom: 27px;
  }

  .postreportWrap h2 img {
    margin: 0 auto;
  }

  .postreportWrap p {
    margin-bottom: 65px;
    text-align: center;
  }

  .postreportWrap .postreportUnitsBg {
    margin: 0 0 50px;
    padding: 0;
    width: 100%;
    background: url(images/estate_report_bg.png) center bottom repeat-x;
  }

  .postreportWrap .postreportUnits {
    margin: 0 auto;
    padding: 0 0 30px;
    width: 1020px;
  }

  .postreportWrap .postreportUnits .unit {
    margin: 0 20px;
    padding: 0;
    width: 300px;
    position: relative;
    float: left;
  }

  .postreportWrap .postreportUnits .unit h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 1.55556em;
    letter-spacing: 0.2rem;
    color: #fff;
  }

  .postreportWrap .postreportUnits .unit h3 a {
    color: #fff;
    text-decoration: none;
  }

  .postreportWrap .postreportUnits .unit h3 a:hover {
    text-decoration: underline;
  }

  .postreportWrap .postreportUnits .unit .photo {
    margin-bottom: 15px;
    width: 300px;
    display: block;
  }

  .postreportWrap .postreportUnits .unit .catIcon {
    position: absolute;
    top: 5px;
    right: 5px;
  }

  /**
/* page - estate single
============================================================*/
  .estate-single h1 {
    margin-bottom: 30px;
    font-size: 30px;
    font-size: 8vw;
    line-height: 1.5;
    color: #0f3668;
    font-family: serif;
  }

  @media print, screen and (min-width: 480px) {
    .estate-single h1 {
      margin-bottom: 4.90196vw;
      font-size: 35px;
      font-size: 3.43137vw;
      line-height: 1.2;
    }
  }

  @media print, screen and (min-width: 768px) {
    .estate-single h1 {
      margin-bottom: 50px;
      font-size: 35px;
      font-size: 3.5rem;
      line-height: 42px;
      line-height: 4.2rem;
    }
  }

  .estate-single .postbody {
    margin: 0;
    padding: 0 0 50px 0;
    border: none;
  }

  @media print, screen and (min-width: 480px) {
    .estate-single .postbody {
      padding-bottom: 0;
    }
  }

  .estate-single .postbody .lightBlue {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 1.55556em;
    color: #729baf;
    font-weight: bold;
  }

  /* 見通しポイント
- - - - - - - - - - - - - - - - - - */
  .points {
    margin-bottom: 60px;
  }

  @media print, screen and (min-width: 480px) {
    .points {
      margin-bottom: 9.80392vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .points {
      margin-bottom: 100px;
    }
  }

  .points h2 {
    margin-bottom: 5px;
  }

  .points h2 img {
    width: 100px;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .points h2 img {
      width: 11.76471vw;
      max-width: 120px;
    }
  }

  .points ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  .points ul li {
    margin-bottom: 12px;
    border-bottom: 3px solid #fbc80e;
    font-size: 18px;
    font-size: 4.8vw;
    line-height: 1.5;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
  }

  .points ul li::before {
    content: "";
    width: 28px;
    height: 28px;
    background-image: url(images/single_points_icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
  }

  @media print, screen and (min-width: 480px) {
    .points ul li {
      font-size: 24px;
      font-size: 2.35294vw;
      line-height: 1.5;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .points ul li {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 36px;
      line-height: 3.6rem;
    }
  }

  /* 物件画像
- - - - - - - - - - - - - - - - - - */
  .estateThum {
    margin-right: -3px;
    margin-left: -3px;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .estateThum li {
    padding: 0 3px 6px;
    width: 20%;
  }

  .estateThum li img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }

  .estateThum .over {
    opacity: 0.5;
  }

  .estateImg {
    margin-bottom: 35px;
  }

  @media print, screen and (min-width: 480px) {
    .estateImg {
      margin-bottom: 6.37255vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .estateImg {
      margin-bottom: 65px;
    }
  }

  .estateImg img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* スタッフ評価
- - - - - - - - - - - - - - - - - - */
  .stuffRatingHeading {
    width: 113px;
  }

  .stuffRatingHeading img {
    width: 100%;
    height: auto;
    display: block;
  }

  .stuffRating {
    margin-bottom: 35px;
    padding: 0;
    width: 100%;
    border-top: 3px solid #0f3668;
    border-bottom: 3px solid #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .stuffRating {
      margin-bottom: 6.37255vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .stuffRating {
      margin-bottom: 65px;
    }
  }

  .stuffRating th,
  .stuffRating td {
    padding: 10px 0;
    text-align: left;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 1.42857;
  }

  @media print, screen and (min-width: 480px) {
    .stuffRating th,
    .stuffRating td {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 1.42857;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .stuffRating th,
    .stuffRating td {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 20px;
      line-height: 2rem;
    }
  }

  .stuffRating th {
    width: 30%;
    color: #729baf;
  }

  @media print, screen and (min-width: 480px) {
    .stuffRating th {
      width: 21.6%;
    }
  }

  .stuffRating .rate {
    width: 20%;
    color: #fba90d;
  }

  @media print, screen and (min-width: 480px) {
    .stuffRating .rate {
      width: 10%;
    }
  }

  .stuffRating .text {
    width: 50%;
  }

  /* 問い合わせ
- - - - - - - - - - - - - - - - - - */
  .singleBtnHeading {
    margin-top: 70px;
    border: 1px solid #0f3668;
    border-bottom-width: 2px;
  }

  .singleBtnHeading img {
    width: 100%;
    height: auto;
    display: block;
  }

  .singleBtnWrap {
    margin-bottom: 70px;
    padding: 20px 0;
    border: 1px solid #0f3668;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .singleBtnWrap .toTel_l {
    margin-right: 8px;
    width: auto;
    height: 53px;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .singleBtnWrap .toTel_l {
      height: 8.82353vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .singleBtnWrap .toTel_l {
      height: 90px;
    }
  }

  .singleBtnWrap .toTel_l img {
    width: auto;
    height: 100%;
    display: block;
  }

  .singleBtnWrap .toMail_l {
    margin-left: 8px;
    display: block;
    width: auto;
    height: 53px;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .singleBtnWrap .toMail_l {
      height: 8.82353vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .singleBtnWrap .toMail_l {
      height: 90px;
    }
  }

  .singleBtnWrap .toMail_l img {
    width: auto;
    height: 100%;
    display: block;
  }

  /* 関連記事
- - - - - - - - - - - - - - - - - - */
  .rerationWrap {
    margin: 0 0 80px 0;
    width: 100%;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .rerationWrap {
      margin-bottom: 7.84314vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .rerationWrap {
      margin-bottom: 80px;
    }
  }

  .rerationWrap h2 {
    margin-bottom: 30px;
    border-bottom: 3px solid #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .rerationWrap h2 {
      margin-bottom: 0.98039vw;
      height: 3.13725vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .rerationWrap h2 {
      margin-bottom: 10px;
      height: 32px;
    }
  }

  .rerationWrap h2 img {
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .rerationWrap h2 img {
      margin: 0 auto;
      width: auto;
      height: 100%;
    }
  }

  .rerationWrap .postIndex {
    margin: 0;
  }

  .rerationWrap .rerationUnits {
    padding: 0 30px;
    positon: relative;
  }

  @media print, screen and (min-width: 480px) {
    .rerationWrap .rerationUnits {
      padding: 0 0.98039vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .rerationWrap .rerationUnits {
      padding: 0 10px;
    }
  }

  .rerationWrap .slick__prev,
  .rerationWrap .slick__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 7;
  }

  .rerationWrap .slick__prev::before,
  .rerationWrap .slick__next::before {
    content: "";
    width: 23px;
    height: 23px;
    border: 2px solid;
    display: block;
  }

  .rerationWrap .slick__prev {
    left: 3px;
  }

  .rerationWrap .slick__prev::before {
    border-color: transparent transparent #649bb1 #649bb1;
    transform: rotate(45deg);
  }

  .rerationWrap .slick__next {
    right: 3px;
  }

  .rerationWrap .slick__next::before {
    border-color: #649bb1 #649bb1 transparent transparent;
    transform: rotate(45deg);
  }

  .postindexBtn {
    width: 100%;
    font-size: 15px;
    font-size: 4vw;
    line-height: 2.66667;
    color: #fff;
  }

  @media print, screen and (min-width: 480px) {
    .postindexBtn {
      font-size: 15px;
      font-size: 1.47059vw;
      line-height: 2.66667;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .postindexBtn {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 40px;
      line-height: 4rem;
    }
  }

  /* sidebar
------------------------------------------------------------*/
  .outlineTtlWrap {
    width: 100%;
    position: relative;
  }

  .outlineTtlWrap img {
    display: block;
  }

  .outlineTtlWrap h2 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .outlineTtlWrap h2 img {
    width: auto;
    height: 27px;
    display: block;
  }

  .outlineTtlWrap .print {
    width: auto;
    height: 27px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }

  .outlineTtlWrap .print img {
    width: auto;
    height: 27px;
    display: block;
  }

  .estateInfoWrap {
    box-sizing: border-box;
    border-top: 3px solid #0f3668;
    border-bottom: 3px solid #0f3668;
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 1.66667;
  }

  @media print, screen and (min-width: 480px) {
    .estateInfoWrap {
      font-size: 12px;
      font-size: 1.17647vw;
      line-height: 1.66667;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .estateInfoWrap {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 20px;
      line-height: 2rem;
    }
  }

  .estateInfoWrap .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-bottom: 1px dotted #000;
  }

  .estateInfoWrap .row:last-of-type {
    border-bottom: none;
  }

  .estateInfoWrap .row .col {
    padding: 10px;
    width: 68%;
  }

  .estateInfoWrap .row .head {
    width: 32%;
    color: #729baf;
    font-weight: bold;
  }

  .estateInfoWrap .row .price {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 20px;
    line-height: 1.17647em;
    color: #729baf;
  }

  .estateInfoWrap .floorPic {
    padding: 10px;
    position: relative;
  }

  .estateInfoWrap .zoom {
    position: absolute;
    top: 10px;
    right: 0;
  }

  .estateInfoWrap .ttl {
    width: 100%;
    margin-bottom: 10px;
    color: #729baf;
    font-weight: bold;
  }

  .estateInfoWrap .remarks {
    padding: 10px;
  }

  .estateInfoWrap .remarks .col {
    padding: 0;
  }

  .estateInfoWrap .areainfo {
    padding: 10px;
  }

  .estateInfoWrap .areainfo p {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .estateInfoWrap .areainfo p .place {
    width: 80%;
  }

  .estateInfoWrap .areainfo p .distance {
    width: 20%;
    text-align: right;
  }

  .eMes {
    padding: 30px 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 24px;
    line-height: 2em;
    color: red;
  }

  .note {
    margin: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.33333em;
    margin-left: 1em;
    text-indent: -1em;
  }

  .sidebarBtnWrap {
    margin: 0;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .sidebarBtnWrap a {
    display: block;
  }

  .sidebarBtnWrap a img {
    display: block;
  }

  .mapWrap {
    margin-top: 15px;
  }

  .mapWrap iframe {
    width: 100%;
    height: 300px;
  }

  @media print, screen and (min-width: 480px) {
    .mapWrap iframe {
      height: 29.41176vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .mapWrap iframe {
      height: 300px;
    }
  }

  .postindexBtn {
    margin: 0 auto;
    display: block;
    width: 300px;
  }

  .postindexBtn img {
    display: block;
  }

  .single_btn_report {
    margin: 0 auto 60px;
    display: block;
  }

  .single_btn_report img {
    display: block;
  }

  /**
/* page - voice
============================================================*/
  #voice .postBodyWrap {
    margin: 0 0 10px 0;
    padding-right: 20px;
    padding-left: 20px;
    border-top: 2px solid #729baf;
  }

  @media print, screen and (min-width: 1020px) {
    #voice .postBodyWrap {
      padding-right: 0;
      padding-left: 0;
    }
  }

  #voice .pageSubTtl {
    margin-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
  }

  #voice .pageSubTtl img {
    margin: 0 auto;
    width: 80%;
    height: auto;
    display: block;
  }

  #voice .postbody {
    margin: 0;
    padding: 30px 0 70px;
  }

  #voice .postbody:last-of-type {
    margin-bottom: 50px;
  }

  #voice .postHeader {
    margin: 0 0 25px 0;
  }

  @media print, screen and (min-width: 768px) {
    #voice .postHeader {
      padding: 0 30px;
    }
  }

  #voice .postHeader h3 {
    padding: 0 0 10px 40px;
    font-size: 20px;
    font-size: 5.33333vw;
    line-height: 1.5;
    color: #729baf;
    font-family: serif;
    letter-spacing: 0.5rem;
    border-bottom: 1px solid #729baf;
    position: relative;
  }

  #voice .postHeader h3::before {
    content: "";
    width: 26px;
    height: 26px;
    background-image: url(images/voice_icon_post.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
  }

  @media print, screen and (min-width: 480px) {
    #voice .postHeader h3 {
      padding-left: 4.41176vw;
      font-size: 28px;
      font-size: 2.7451vw;
      line-height: 1.42857;
    }
    #voice .postHeader h3::before {
      width: 32px;
      height: 32px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    #voice .postHeader h3 {
      padding-left: 45px;
      font-size: 28px;
      font-size: 2.8rem;
      line-height: 40px;
      line-height: 4rem;
    }
  }

  #voice .postHeader .date {
    margin: 16px 0 0 0;
    padding: 0;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 1;
    color: #729baf;
    text-align: right;
  }

  @media print, screen and (min-width: 480px) {
    #voice .postHeader .date {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 1;
    }
  }

  @media print, screen and (min-width: 1020px) {
    #voice .postHeader .date {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 14px;
      line-height: 1.4rem;
    }
  }

  #voice .postContents {
    margin-bottom: 30px;
    color: #0f3668;
  }

  @media print, screen and (min-width: 768px) {
    #voice .postContents {
      padding: 0 30px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  #voice .postContents .thumbnail {
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    #voice .postContents .thumbnail {
      width: 34.428%;
      align-self: flex-start;
      order: 2;
    }
  }

  #voice .postContents .text {
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    #voice .postContents .text {
      width: 55.285%;
      order: 1;
    }
  }

  #voice .postContents .text img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    float: right;
  }

  #voice .repComment {
    margin: 0;
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    #voice .repComment {
      padding: 0 30px;
    }
  }

  #voice .repComment .card {
    padding: 30px;
    background: linear-gradient(to bottom right, #73a5b9 50%, #649bb1 50%);
    border-radius: 10px;
    color: #fff;
    position: relative;
  }

  #voice .repComment .card::before {
    content: "";
    width: 0;
    height: 0;
    border-top-width: 15px;
    border-top-style: solid;
    border-top-color: #fff;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  #voice .repComment h4 {
    margin-bottom: 20px;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 15px;
    font-size: 4vw;
    line-height: 1.66667;
    font-family: serif;
    text-align: center;
  }

  @media print, screen and (min-width: 480px) {
    #voice .repComment h4 {
      margin-bottom: 1.96078vw;
      max-width: 165px;
      font-size: 15px;
      font-size: 1.47059vw;
      line-height: 1.66667;
    }
  }

  @media print, screen and (min-width: 768px) {
    #voice .repComment h4 {
      margin-bottom: 20px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    #voice .repComment h4 {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 25px;
      line-height: 2.5rem;
    }
  }

  #voice .repComment .text {
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2;
    text-align: justify;
  }

  @media print, screen and (min-width: 480px) {
    #voice .repComment .text {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    #voice .repComment .text {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  #voice .pageTtl {
    margin: 0 0 110px 0;
  }

  /* reports single
--------------------------------------------------*/
  .reports-single .contents {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }

  .reports-single .contents .pageTtl {
    margin: 0 0 80px 279px;
    padding: 0;
  }

  .reportTtl img {
    height: 48px;
  }

  @media print, screen and (min-width: 768px) {
    .reportTtl img {
      height: 20px;
    }
  }

  .report__header {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 980px;
  }

  .report__img {
    margin: 0 auto 60px;
    padding: 0 0 68px 0;
    width: 100%;
    background: url(images/reports_img_bg.png) center bottom repeat-x;
    background-image: url(images/reports_img_bg.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: auto 140px;
  }

  @media print, screen and (min-width: 768px) {
    .report__img {
      margin-bottom: 100px;
    }
  }

  .report__img img {
    margin: 0 auto;
    width: 91%;
    height: auto;
    display: block;
    border-radius: 10px;
  }

  @media print, screen and (min-width: 1020px) {
    .report__img img {
      width: 880px;
    }
  }

  .report__heading--lv1 {
    margin: 0 0 55px 0;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 45px;
    line-height: 1.8em;
    color: #0f3668;
    letter-spacing: 0.15rem;
  }

  .report__heading--lv2 {
    margin-bottom: 35px;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 36px;
    line-height: 3.6rem;
    font-family: sans-serif;
    color: #0f3668;
    font-weight: bold;
    letter-spacing: 0.2rem;
  }

  @media print, screen and (min-width: 768px) {
    .report__heading--lv2 {
      font-size: 30px;
      font-size: 3rem;
      line-height: 40px;
      line-height: 4rem;
    }
  }

  .report__wrap {
    margin: 0 auto 30px;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    max-width: 980px;
  }

  @media print, screen and (min-width: 768px) {
    .report__wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .report__wrap {
      padding-right: 0;
      padding-left: 0;
    }
  }

  .report__sidebar {
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    .report__sidebar {
      width: 300px;
    }
  }

  .report__content {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 580px;
  }

  @media print, screen and (min-width: 768px) {
    .report__content {
      order: 2;
    }
  }

  .report__content .postbody {
    margin-bottom: 0;
    border: none;
  }

  .report__icons {
    margin: 0;
    padding-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -15px;
  }

  @media print, screen and (min-width: 768px) {
    .report__icons {
      justify-content: flex-start;
    }
  }

  .report__icon {
    margin: 0 10px 10px;
    width: 25%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 768px) {
    .report__icon {
      margin: 0 15px 15px;
      width: 20%;
    }
  }

  .report__qa {
    padding-right: 20px;
    padding-left: 20px;
  }

  @media print, screen and (min-width: 1020px) {
    .report__qa {
      padding-right: 0;
      padding-left: 0;
    }
  }

  .report__qa .qa__heading--lv1 {
    margin: 0 auto 30px;
    width: 100%;
    max-width: 450px;
  }

  .report__qa .qa__heading--lv1 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .report__qa .qa__heading--lv2 {
    margin-bottom: 20px;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 35px;
    line-height: 1.52174em;
    color: #0f3668;
    letter-spacing: 0.2rem;
  }

  .report__qa .qa__inner {
    margin: 0 auto;
    padding: 30px 0 60px;
    width: 100%;
    max-width: 880px;
    border-top: 3px solid #0f3668;
  }

  @media print, screen and (min-width: 768px) {
    .report__qa .qa__inner {
      padding: 70px 0 100px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  .report__qa .qa__inner--l {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    .report__qa .qa__inner--l {
      width: 130px;
    }
  }

  .report__qa .qa__inner--l img {
    margin: 0 auto 40px;
    width: 130px;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 768px) {
    .report__qa .qa__inner--l img {
      width: 130px;
    }
  }

  .report__qa .qa__inner--r {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 660px;
  }

  .report__qa .qa__text {
    margin-bottom: 40px;
  }

  .report__qa .qa__img {
    border-radius: 10px;
    width: 100%;
    height: auto;
    display: block;
  }

  .report__charge {
    margin: 0 auto 30px;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    max-width: 880px;
  }

  @media print, screen and (min-width: 1020px) {
    .report__charge {
      padding-right: 0;
      padding-left: 0;
    }
  }

  .report__charge .charge__inner {
    width: 100%;
    border-top: 3px solid #729baf;
    border-bottom: 1px solid #729baf;
  }

  @media print, screen and (min-width: 768px) {
    .report__charge .charge__inner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  .report__charge .charge__l {
    padding: 30px 0;
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    .report__charge .charge__l {
      width: 32.7%;
    }
  }

  .report__charge .charge__l img {
    margin: 0 auto 15px;
    width: 150px;
    height: 150px;
    display: block;
    object-fit: cover;
  }

  .report__charge .charge__r {
    margin: 0;
    padding: 35px 0;
    width: 100%;
    border-top: 1px solid #729baf;
  }

  @media print, screen and (min-width: 768px) {
    .report__charge .charge__r {
      padding: 45px 0 45px 25px;
      width: 67%;
      border-top: none;
      border-left: 1px solid #729baf;
    }
  }

  .report__charge .charge__name {
    margin-bottom: 20px;
    text-align: center;
  }

  .report__charge .charge__profile {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 24px;
    line-height: 2.4rem;
  }

  @media print, screen and (min-width: 768px) {
    .report__charge .charge__profile {
      padding-right: 30px;
      padding-left: 30px;
    }
  }

  .report__btn--detail {
    margin: 30px auto;
    width: 300px;
    display: block;
  }

  .report__notes {
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    max-width: 880px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 28px;
    line-height: 2.33333em;
  }

  @media print, screen and (min-width: 1020px) {
    .report__notes {
      padding: 0;
    }
  }

  /**
/* page - faq
============================================================*/
  .faqWrap {
    padding: 0 20px;
    color: #0f3668;
  }

  @media print, screen and (min-width: 768px) {
    .faqWrap {
      padding-left: 0;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .faqWrap {
      margin-right: 0;
    }
  }

  .faqHeadingLv1 {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1;
  }

  @media print, screen and (min-width: 480px) {
    .faqHeadingLv1 {
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 1;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .faqHeadingLv1 {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 16px;
      line-height: 1.6rem;
    }
  }

  .faqUnits {
    margin: 0 0 85px 0;
    padding: 0;
    list-style-type: none;
  }

  .faqUnits li {
    background-image: url(images/faq_icon_q.png);
    background-repeat: no-repeat;
    background-position: 0 10px;
    background-size: 29px;
    border-bottom: 1px dotted #0f3668;
    cursor: pointer;
  }

  .faqUnits li h3 {
    padding: 12px 40px 12px 40px;
    min-height: 50px;
    background: url(images/faq_icon_arrow_open.gif) no-repeat center right;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 1.5;
  }

  @media print, screen and (min-width: 480px) {
    .faqUnits li h3 {
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 1.625;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .faqUnits li h3 {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 26px;
      line-height: 2.6rem;
    }
  }

  .faqUnits li h3.up {
    background: url(images/faq_icon_arrow_close.gif) no-repeat center right;
  }

  .faqUnits li p {
    margin: 10px 0 40px 0;
    padding: 0 40px;
    background-image: url(images/faq_icon_a.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 29px;
    display: none;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2;
    color: #729baf;
  }

  @media print, screen and (min-width: 480px) {
    .faqUnits li p {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .faqUnits li p {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  /**
/* page - news
============================================================*/
  .postBodyWrap {
    margin: 0 0 10px 0;
  }

  .postbody h1 {
    margin-bottom: 30px;
    font-size: 30px;
    font-size: 8vw;
    line-height: 1.33333;
    color: #0f3668;
    font-family: serif;
  }

  @media print, screen and (min-width: 480px) {
    .postbody h1 {
      font-size: 34px;
      font-size: 3.33333vw;
      line-height: 1.47059;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .postbody h1 {
      margin-bottom: 50px;
      font-size: 35px;
      font-size: 3.5rem;
      line-height: 50px;
      line-height: 5rem;
    }
  }

  .postbody {
    margin-bottom: 50px;
    padding: 0 0 50px;
    border-bottom: 2px solid #729baf;
  }

  @media print, screen and (min-width: 480px) {
    .postbody {
      margin-bottom: 6.86275vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .postbody {
      margin-bottom: 70px;
    }
  }

  .postbody h3 {
    margin-bottom: 10px;
    font-size: 25px;
    font-size: 6.66667vw;
    line-height: 1.4;
    color: #729baf;
    font-weight: normal;
  }

  @media print, screen and (min-width: 480px) {
    .postbody h3 {
      font-size: 25px;
      font-size: 2.45098vw;
      line-height: 1.4;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .postbody h3 {
      font-size: 25px;
      font-size: 2.5rem;
      line-height: 35px;
      line-height: 3.5rem;
    }
  }

  .postbody .meta {
    margin-bottom: 50px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 13px;
    line-height: 1em;
    font-size: 13px;
    font-size: 3.46667vw;
    line-height: 1;
    font-weight: bold;
    color: #639ab0;
  }

  @media print, screen and (min-width: 480px) {
    .postbody .meta {
      font-size: 13px;
      font-size: 1.27451vw;
      line-height: 1;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .postbody .meta {
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 13px;
      line-height: 1.3rem;
    }
  }

  .postbody .meta a {
    color: #639ab0;
    text-decoration: underline;
  }

  .postbody .meta a:hover {
    text-decoration: none;
  }

  .postbody img {
    margin-bottom: 30px;
    height: auto;
    max-width: 100%;
    border-radius: 10px;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .postbody img {
      margin-bottom: 4.90196vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .postbody img {
      margin-bottom: 30px;
    }
  }

  .postbody .text p {
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2;
  }

  @media print, screen and (min-width: 480px) {
    .postbody .text p {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .postbody .text p {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  .contactLink a {
    margin: 30px auto;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 40px;
    line-height: 4rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: linear-gradient(to bottom right, #274a77 50%, #0f3668 50%);
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .contactLink a {
      max-width: 300px;
    }
  }

  .estateLink a {
    margin: 30px auto;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 40px;
    line-height: 4rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: linear-gradient(to bottom right, #73a5b9 50%, #649bb1 50%);
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .estateLink a {
      max-width: 300px;
    }
  }

  .eventBoard {
    margin-bottom: 50px;
    padding: 15px;
    border: 1px solid #639ab0;
  }

  @media print, screen and (min-width: 768px) {
    .eventBoard {
      padding: 30px;
    }
  }

  .eventBoard dl {
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .eventBoard dl:last-of-type {
    margin-bottom: 0;
  }

  .eventBoard dl dt {
    width: 80px;
    border-radius: 5px;
    background: #639ab0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25px;
    line-height: 2.5rem;
    color: #fff;
    text-align: center;
    line-height: 25px;
    align-self: flex-start;
  }

  .eventBoard dl dd {
    width: calc(100% - 95px);
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.5625;
    color: #639ab0;
    letter-spacing: 0.15em;
  }

  @media print, screen and (min-width: 480px) {
    .eventBoard dl dd {
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 1.5625;
    }
  }

  @media print, screen and (min-width: 768px) {
    .eventBoard dl dd {
      width: calc(100% - 115px);
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 25px;
      line-height: 2.5rem;
    }
  }

  .eventBoard .eventTbl {
    width: 100%;
  }

  .eventBoard .eventTbl th,
  .eventBoard .eventTbl td {
    vertical-align: top;
  }

  .eventBoard .eventTbl th span {
    width: 80px;
    border-radius: 5px;
    background: #639ab0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25px;
    line-height: 2.5rem;
    color: #fff;
    text-align: center;
    line-height: 25px;
    display: inline-block;
  }

  .eventBoard .eventTbl td {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    line-height: 1.875em;
    color: #639ab0;
    letter-spacing: 0.15em;
  }

  .eventmap {
    margin-bottom: 50px;
  }

  .eventmap iframe {
    width: 100% !important;
    height: 300px;
  }

  @media print, screen and (min-width: 768px) {
    .eventmap iframe {
      height: 450px !important;
    }
  }

  .sidebar h2 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #0f3668;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 1;
    font-family: "din-2014", sans-serif;
    color: #729baf;
    letter-spacing: 0.1em;
  }

  @media print, screen and (min-width: 480px) {
    .sidebar h2 {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 1;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .sidebar h2 {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 14px;
      line-height: 1.4rem;
    }
  }

  .sidebar a {
    color: #000;
    text-decoration: none;
  }

  .sidebar a:hover {
    text-decoration: underline;
  }

  .sidebar .unit {
    margin-bottom: 30px;
  }

  @media print, screen and (min-width: 480px) {
    .sidebar .unit {
      margin-bottom: 4.90196vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .sidebar .unit {
      margin-bottom: 50px;
    }
  }

  .sidebar .unit.category {
    padding-left: 2rem;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2;
  }

  @media print, screen and (min-width: 480px) {
    .sidebar .unit.category {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .sidebar .unit.category {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  .sidebar .unit.new {
    padding: 0;
    list-style-type: none;
  }

  .sidebar .unit.new li {
    margin-bottom: 20px;
    padding-left: 20px;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 1.71429;
    position: relative;
  }

  .sidebar .unit.new li::before,
  .sidebar .unit.new li::after {
    content: "";
    height: 1px;
    background-color: #0f3668;
    display: block;
    position: absolute;
    top: 12px;
  }

  .sidebar .unit.new li::before {
    width: 9px;
    left: 0;
  }

  .sidebar .unit.new li::after {
    width: 4px;
    left: 4px;
    transform: rotate(60deg);
    transform-origin: right bottom;
  }

  @media print, screen and (min-width: 480px) {
    .sidebar .unit.new li {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 1.71429;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .sidebar .unit.new li {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 24px;
      line-height: 2.4rem;
    }
  }

  .sidebar .unit.new li .date {
    color: #639ab0;
  }

  .sidebar .unit.archive {
    margin-bottom: 65px;
  }

  .sidebar .unit.archive select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px 0 5px 10px;
    width: 100%;
    background: url(images/news_archive_arrow.png) no-repeat center right;
    border: 1px solid #b1b1b1;
    border-radius: 5px;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 1.71429;
    color: #b1b1b1;
  }

  @media print, screen and (min-width: 480px) {
    .sidebar .unit.archive select {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 1.71429;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .sidebar .unit.archive select {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 24px;
      line-height: 2.4rem;
    }
  }

  .wp-pagenavi {
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }

  .wp-pagenavi a {
    text-decoration: none;
    margin: 0 7px;
    display: inline-block;
  }

  .wp-pagenavi a:hover {
    opacity: 0.75;
  }

  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    width: 30px;
    height: 30px;
    display: inline-block;
    color: #729baf;
  }

  .wp-pagenavi .previouspostslink {
    margin-left: 0;
  }

  .wp-pagenavi .page {
    width: 30px;
    height: 30px;
    color: #fff;
    padding: 0;
    line-height: 30px;
    background: #649bb1;
    border-radius: 5px;
    display: inline-block;
  }

  .wp-pagenavi .current {
    width: 30px;
    height: 30px;
    margin: 0 7px;
    color: #649bb1;
    line-height: 30px;
    font-weight: bold;
    border: 1px solid #649bb1;
    border-radius: 5px;
    display: inline-block;
  }

  /**
/* page - company Profile
============================================================*/
  .company {
    padding-right: 20px;
    padding-left: 20px;
  }

  .company__heading {
    margin-bottom: 30px;
  }

  @media print, screen and (min-width: 480px) {
    .company__heading {
      margin-bottom: 3.92157vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .company__heading {
      margin-bottom: 40px;
    }
  }

  .company__heading img {
    width: 90%;
    height: auto;
    display: block;
  }

  .company__heading span {
    margin-bottom: 8vw;
    font-size: 15px;
    font-size: 4vw;
    line-height: 1;
    font-family: "din-2014", sans-serif;
    color: #0f3668;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .company__heading span {
      margin-bottom: 2.94118vw;
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 1;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .company__heading span {
      margin-bottom: 30px;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 14px;
      line-height: 1.4rem;
    }
  }

  .company__heading_oneline img {
    width: auto;
    height: 30px;
  }

  @media print, screen and (min-width: 480px) {
    .company__heading_oneline img {
      height: 2.94118vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .company__heading_oneline img {
      height: 30px;
    }
  }

  .company-sec1 {
    margin-bottom: 50px;
  }

  .company-sec1__text {
    margin-bottom: 30px;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.875;
  }

  @media print, screen and (min-width: 480px) {
    .company-sec1__text {
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 1.875;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .company-sec1__text {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 30px;
      line-height: 3rem;
    }
  }

  .company-sec1__sign {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .company-sec1__sign .sign__col p {
    font-size: 13px;
    font-size: 3.46667vw;
    line-height: 1.53846;
  }

  @media print, screen and (min-width: 480px) {
    .company-sec1__sign .sign__col p {
      font-size: 13px;
      font-size: 1.27451vw;
      line-height: 1.53846;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .company-sec1__sign .sign__col p {
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 20px;
      line-height: 2rem;
    }
  }

  .company-sec1__sign .sign__col img {
    width: 162px;
    height: auto;
    display: block;
  }

  .company-sec2 {
    margin: 0 0 65px 0;
  }

  .company-sec2__card {
    border: 1px solid #0f3668;
    border-radius: 10px;
  }

  .company-sec2__row {
    padding: 25px 25px 15px;
    border-bottom: 1px dotted #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .company-sec2__row {
      padding: 25px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  .company-sec2__heading {
    margin-bottom: 30px;
  }

  @media print, screen and (min-width: 480px) {
    .company-sec2__heading {
      margin-bottom: 0;
      width: 23%;
    }
  }

  .company-sec2__heading img {
    width: 100%;
    height: auto;
    display: block;
  }

  .company-sec2__text {
    width: 100%;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.5;
  }

  @media print, screen and (min-width: 480px) {
    .company-sec2__text {
      width: 73%;
      font-size: 20px;
      font-size: 1.96078vw;
      line-height: 1.8;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .company-sec2__text {
      font-size: 20px;
      font-size: 2rem;
      line-height: 36px;
      line-height: 3.6rem;
    }
  }

  .company-sec2__text img {
    width: 100%;
    height: auto;
    display: block;
  }

  .company-sec2__list {
    list-style-type: none;
    padding-left: 0;
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .company-sec2__list {
      width: 73%;
    }
  }

  .company-sec2__list li {
    margin-left: 2.2rem;
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.5;
    text-indent: -2.2rem;
    text-align: justify;
  }

  @media print, screen and (min-width: 480px) {
    .company-sec2__list li {
      font-size: 20px;
      font-size: 1.96078vw;
      line-height: 1.8;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .company-sec2__list li {
      font-size: 20px;
      font-size: 2rem;
      line-height: 36px;
      line-height: 3.6rem;
    }
  }

  .company-sec2__list li span {
    color: #649bb1;
  }

  .company-sec3__list {
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2;
  }

  @media print, screen and (min-width: 480px) {
    .company-sec3__list {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .company-sec3__list {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  .company-sec3__list dt {
    margin-bottom: 10px;
    border-bottom: 1px solid #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .company-sec3__list dt {
      margin-bottom: 0;
      padding: 10px 0;
      width: 21%;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
    }
  }

  .company-sec3__list dd {
    margin-bottom: 30px;
  }

  @media print, screen and (min-width: 480px) {
    .company-sec3__list dd {
      margin-bottom: 0;
      padding: 10px 0;
      width: 71%;
      border-bottom: 1px solid #0f3668;
    }
  }

  /**
/* page - contact
============================================================*/
  #contact .postBodyWrap {
    margin: 0 0 10px 0;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    max-width: 700px;
  }

  @media print, screen and (min-width: 1020px) {
    #contact .postBodyWrap {
      padding-right: 0;
      padding-left: 0;
    }
  }

  #contact .telBtnWrap {
    margin: 0 0 73px 0;
    padding-top: 180px;
  }

  #contact .telCard {
    padding: 23px 20px;
    width: 100%;
    max-width: 600px;
    border: 1px solid #0f3668;
    position: relative;
  }

  #contact .telText {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 1.71429;
    color: #0f3668;
    text-align: center;
    letter-spacing: 0.15rem;
  }

  @media print, screen and (min-width: 480px) {
    #contact .telText {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 1.71429;
    }
  }

  @media print, screen and (min-width: 1020px) {
    #contact .telText {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 24px;
      line-height: 2.4rem;
    }
  }

  #contact .consulIllust {
    width: auto;
    height: 180px;
    max-height: 227px;
    display: block;
    position: absolute;
    top: -175px;
    left: 50%;
    transform: translateX(-50%);
  }

  #contact .telBtn {
    margin: 0 auto;
    width: 100%;
    max-width: 370px;
    display: block;
  }

  #contact .telBtn img {
    width: 100%;
    height: auto;
    display: block;
  }

  .formTbl {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 1px;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .formTbl {
      margin-bottom: 30px;
      display: table;
    }
  }

  .formTbl th,
  .formTbl td {
    padding: 0 0 5px 0;
    text-align: left;
    vertical-align: top;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.5625;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .formTbl th,
    .formTbl td {
      font-size: 13px;
      font-size: 1.27451vw;
      line-height: 1.23077;
    }
  }

  @media print, screen and (min-width: 768px) {
    .formTbl th,
    .formTbl td {
      padding: 40px 0 5px;
      display: table-cell;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .formTbl th,
    .formTbl td {
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 16px;
      line-height: 1.6rem;
    }
  }

  .formTbl th {
    padding-bottom: 20px;
    width: 100%;
    color: #0f3668;
    font-weight: normal;
  }

  @media print, screen and (min-width: 768px) {
    .formTbl th {
      padding-bottom: 0;
      width: 27.142%;
      line-height: 25px;
    }
  }

  .formTbl sup {
    color: #fba90d;
  }

  .formTbl td {
    margin-bottom: 40px;
    border-bottom: 1px solid #e0edf2;
    line-height: 25px;
  }

  .formTbl td.mbnarrow {
    margin-bottom: 10px;
  }

  .formTbl .categories {
    margin: 0;
    padding: 0;
  }

  .formTbl .categories .category {
    width: 100%;
  }

  .formTbl .categories label {
    padding-right: 10px;
    height: 30px;
    border-radius: 5px;
    line-height: 30px;
    display: inline-block;
    box-sizing: border-box;
  }

  @media print, screen and (min-width: 768px) {
    .formTbl .categories label {
      padding-left: 5px;
    }
    .formTbl .categories label:hover {
      background-color: #81bdb3;
    }
  }

  .formTbl .categories .catwrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  @media print, screen and (min-width: 480px) {
    .formTbl .categories .catwrap > span {
      width: 40%;
    }
  }

  .formTbl .categories .wpcf7-form-control-wrap {
    height: auto;
  }

  .formTbl input[type="text"],
  .formTbl input[type="email"] {
    border: none;
    padding-left: 10px;
    width: 100%;
    height: 40px;
    background: #e0edf2;
  }

  @media print, screen and (min-width: 768px) {
    .formTbl input[type="text"],
    .formTbl input[type="email"] {
      height: 25px;
    }
  }

  .formTbl select,
  .formTbl #apdate {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px 0 5px 10px;
    width: 100%;
    height: 40px;
    background: url(images/contact_sellect_arrow.gif) no-repeat center right;
    border: 1px solid #e0edf2;
    border-radius: 5px;
    color: #729baf;
  }

  @media print, screen and (min-width: 768px) {
    .formTbl select,
    .formTbl #apdate {
      height: 40px;
    }
  }

  .formTbl #apdate {
    height: 40px;
  }

  .formTbl textarea {
    width: 100%;
    background: #e0edf2;
    border: none;
  }

  .formTbl .bdn {
    border: none;
  }

  .formTbl .subcelh {
    margin-bottom: 0;
    border: none;
  }

  @media print, screen and (min-width: 768px) {
    .formTbl .subcelh {
      border-bottom: 1px solid #e0edf2;
    }
  }

  .formButtons {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    border: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .formButtons {
      width: 60%;
      max-width: 600px;
    }
  }

  .formButtons .ajax-loader {
    position: absolute;
  }

  .formButtons .confirm,
  .formButtons .submit,
  .formButtons .back {
    height: 40px;
    background: #fff;
    border: 1px solid #729baf;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1em;
    color: #729baf;
    position: relative;
  }

  .formButtons .confirm::after,
  .formButtons .submit::after,
  .formButtons .back::after {
    content: "〉";
    position: absolute;
    right: 8px;
    display: block;
  }

  .formButtons .confirm {
    margin: 0 auto;
    width: 100%;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .formButtons .confirm {
      width: 19.60784vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .formButtons .confirm {
      width: 200px;
    }
  }

  .formButtons .submit {
    display: inline-block;
    width: 60%;
  }

  .formButtons .back {
    display: inline-block;
    width: 35%;
  }

  .formButtons .mgnnarrow {
    padding: 25px 0 5px;
  }

  .wpcf7-form-control-wrap {
    margin: 0;
    padding: 0;
    width: 100%;
    position: static;
  }

  .categories .wpcf7-form-control-wrap {
    height: 30px;
    margin: 0 0 10px 0;
  }

  @media print, screen and (min-width: 768px) {
    .categories .wpcf7-form-control-wrap {
      width: 40%;
      display: block;
    }
  }

  span.wpcf7-list-item {
    margin: 0;
    padding: 0;
  }

  .ui-datepicker {
    background: #fff;
  }

  /**
/* page - home_consulting
============================================================*/
  .home_consulting {
    padding-right: 20px;
    padding-left: 20px;
  }

  @media print, screen and (min-width: 1020px) {
    .home_consulting {
      padding-right: 0;
      padding-left: 0;
    }
  }

  .home_consulting h2 {
    margin-bottom: 25px;
    font-size: 17px;
    font-size: 4.53333vw;
    line-height: 1.58824;
    width: 100%;
    color: #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting h2 {
      margin-bottom: 3.92157vw;
      font-size: 22px;
      font-size: 2.15686vw;
      line-height: 1.81818;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .home_consulting h2 {
      margin-bottom: 40px;
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 40px;
      line-height: 4rem;
    }
  }

  .home_consulting_column {
    margin-bottom: 40px;
    padding: 20px;
    position: relative;
    background-color: #e1eef3;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting_column {
      padding: 3.92157vw;
      margin-bottom: 3.92157vw;
      height: 50vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .home_consulting_column {
      margin-bottom: 40px;
      padding: 40px;
      height: 380px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .home_consulting_column {
      height: 380px;
    }
  }

  .home_consulting_column h3 {
    margin-bottom: 20px;
    font-size: 19px;
    font-size: 5.06667vw;
    line-height: 1.52632;
    color: #0f3668;
    text-align: center;
    position: relative;
  }

  .home_consulting_column h3::before {
    content: "";
    width: 60px;
    height: 36px;
    background-image: url(images/home_consulting_column_ttl.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
    position: absolute;
    top: -26px;
    left: 0;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting_column h3 {
      margin-bottom: 1.96078vw;
      font-size: 25px;
      font-size: 2.45098vw;
      line-height: 1;
    }
  }

  @media print, screen and (min-width: 768px) {
    .home_consulting_column h3::before {
      width: 60px;
      height: 36px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .home_consulting_column h3 {
      margin-bottom: 20px;
      font-size: 25px;
      font-size: 2.5rem;
      line-height: 25px;
      line-height: 2.5rem;
    }
  }

  .home_consulting_column .column_balloon {
    margin-bottom: 10px;
    padding: 10px 0;
    height: auto;
    background-color: #fff;
    border: 2px dashed #0f3668;
    border-radius: 10px;
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 1.83333;
    color: #649bb1;
    text-align: center;
    font-weight: bold;
    display: block;
    position: relative;
  }

  .home_consulting_column .column_balloon::before,
  .home_consulting_column .column_balloon::after {
    content: "";
    border: 2px solid #0f3668;
    background-color: #fff;
    border-radius: 50%;
    display: block;
    position: absolute;
  }

  .home_consulting_column .column_balloon::before {
    width: 23px;
    height: 23px;
  }

  .home_consulting_column .column_balloon::after {
    width: 13px;
    height: 13px;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting_column .column_balloon {
      font-size: 12px;
      font-size: 1.17647vw;
      line-height: 1.83333;
      position: absolute;
    }
    .home_consulting_column .column_balloon::before {
      width: 2.94118vw;
      height: 2.94118vw;
    }
    .home_consulting_column .column_balloon::after {
      width: 1.96078vw;
      height: 1.96078vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .home_consulting_column .column_balloon::before {
      width: 23px;
      height: 23px;
    }
    .home_consulting_column .column_balloon::after {
      width: 13px;
      height: 13px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .home_consulting_column .column_balloon {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 22px;
      line-height: 2.2rem;
    }
  }

  .home_consulting_column .column_balloon1 {
    width: 100%;
  }

  .home_consulting_column .column_balloon1::before {
    bottom: -11px;
    right: 10px;
  }

  .home_consulting_column .column_balloon1::after {
    bottom: -28px;
    right: 20px;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting_column .column_balloon1 {
      width: 30%;
      max-width: 200px;
      top: 15.68627vw;
      left: 4.90196vw;
    }
    .home_consulting_column .column_balloon1::before {
      bottom: 2.15686vw;
      right: -1.37255vw;
    }
    .home_consulting_column .column_balloon1::after {
      bottom: 4.21569vw;
      right: -3.33333vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .home_consulting_column .column_balloon1 {
      top: 155px;
      left: 30px;
    }
    .home_consulting_column .column_balloon1::before {
      bottom: 22px;
      right: -11px;
    }
    .home_consulting_column .column_balloon1::after {
      bottom: 43px;
      right: -24px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .home_consulting_column .column_balloon1 {
      left: 50px;
    }
  }

  .home_consulting_column .column_balloon2 {
    width: 60%;
  }

  .home_consulting_column .column_balloon2::before {
    bottom: 35px;
    right: -11px;
  }

  .home_consulting_column .column_balloon2::after {
    bottom: 25px;
    right: -25px;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting_column .column_balloon2 {
      width: 30%;
      max-width: 200px;
      top: 9.80392vw;
      right: 4.90196vw;
    }
    .home_consulting_column .column_balloon2::before {
      bottom: -0.98039vw;
      left: -0.98039vw;
      right: auto;
    }
    .home_consulting_column .column_balloon2::after {
      bottom: -1.47059vw;
      left: -3.23529vw;
      right: auto;
    }
  }

  @media print, screen and (min-width: 768px) {
    .home_consulting_column .column_balloon2 {
      top: 90px;
      right: 30px;
    }
    .home_consulting_column .column_balloon2::before {
      bottom: -10px;
      left: -10px;
    }
    .home_consulting_column .column_balloon2::after {
      bottom: -15px;
      left: -25px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .home_consulting_column .column_balloon2 {
      right: 50px;
    }
  }

  .home_consulting_column .column_balloon3 {
    margin-bottom: 0;
    width: 60%;
  }

  .home_consulting_column .column_balloon3::before {
    bottom: 15px;
    right: -11px;
  }

  .home_consulting_column .column_balloon3::after {
    bottom: 35px;
    right: -24px;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting_column .column_balloon3 {
      width: 30%;
      max-width: 200px;
      top: 31.37255vw;
      right: 4.90196vw;
    }
    .home_consulting_column .column_balloon3::before {
      top: -0.98039vw;
      left: -0.98039vw;
      bottom: auto;
      right: auto;
    }
    .home_consulting_column .column_balloon3::after {
      top: -1.47059vw;
      left: -3.23529vw;
      bottom: auto;
      right: auto;
    }
  }

  @media print, screen and (min-width: 768px) {
    .home_consulting_column .column_balloon3 {
      top: 245px;
      right: 30px;
    }
    .home_consulting_column .column_balloon3::before {
      top: -10px;
      left: -10px;
    }
    .home_consulting_column .column_balloon3::after {
      top: -15px;
      left: -25px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .home_consulting_column .column_balloon3 {
      right: 50px;
    }
  }

  .home_consulting_column .column_bg {
    width: 30%;
    height: auto;
    display: block;
    position: absolute;
    bottom: 20px;
    right: 10px;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting_column .column_bg {
      width: 13.72549vw;
      right: auto;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  @media print, screen and (min-width: 768px) {
    .home_consulting_column .column_bg {
      width: 20%;
      bottom: 45px;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .home_consulting_column .column_bg {
      width: 120px;
      bottom: 55px;
    }
  }

  .home_consulting_comment {
    margin: 0 auto 85px;
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting_comment {
      margin-bottom: 8.33333vw;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }

  @media print, screen and (min-width: 768px) {
    .home_consulting_comment {
      margin-bottom: 85px;
      padding: 0 45px;
    }
  }

  .home_consulting_comment .comment_text {
    margin-bottom: 30px;
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2;
    color: #0f3668;
    letter-spacing: 0.085em;
    text-align: justify;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting_comment .comment_text {
      margin-bottom: 0;
      padding-top: 4.41176vw;
      width: 72%;
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 768px) {
    .home_consulting_comment .comment_text {
      padding-top: 45px;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  .home_consulting_comment .comment_img {
    margin: 0 auto;
    width: 60%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting_comment .comment_img {
      margin: 0;
      width: 20.7%;
    }
  }

  .home_consulting_comment .comment_img p {
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 1;
    text-align: center;
    font-weight: bold;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting_comment .comment_img p {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 1;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .home_consulting_comment .comment_img p {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 14px;
      line-height: 1.4rem;
    }
  }

  .home_consulting_comment .comment_img img {
    margin-bottom: 15px;
    width: 100%;
    height: auto;
    display: block;
  }

  .home_consulting_cat {
    margin: 0 auto 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting_cat {
      margin-bottom: 11.76471vw;
      padding: 0 4.41176vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .home_consulting_cat {
      margin-bottom: 120px;
      padding: 0 45px;
    }
  }

  .home_consulting_cat img {
    margin-bottom: 25px;
    width: 46%;
    height: auto;
    display: block;
    align-self: flex-start;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting_cat img {
      margin-bottom: 0;
      width: 22%;
    }
  }

  .home_consulting_event {
    margin-bottom: 30px;
    border: 1px solid #0f3668;
  }

  .home_consulting_event h3 {
    background-color: #0f3668;
    padding: 5px 0;
    font-size: 18px;
    font-size: 4.8vw;
    line-height: 3.33333;
    letter-spacing: 0.1rem;
    color: #fff;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .home_consulting_event h3::before,
  .home_consulting_event h3::after {
    content: "";
    width: 18px;
    height: 28px;
    background-image: url(images/home_consulting_event_icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
  }

  .home_consulting_event h3::before {
    margin-right: 10px;
  }

  .home_consulting_event h3::after {
    margin-left: 10px;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting_event h3 {
      font-size: 25px;
      font-size: 2.45098vw;
      line-height: 3.2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .home_consulting_event h3 {
      font-size: 25px;
      font-size: 2.5rem;
      line-height: 80px;
      line-height: 8rem;
    }
    .home_consulting_event h3::before,
    .home_consulting_event h3::after {
      width: 27px;
      height: 30px;
    }
    .home_consulting_event h3::before {
      margin-right: 20px;
    }
    .home_consulting_event h3::after {
      margin-left: 20px;
    }
  }

  .home_consulting_event .event_inner {
    padding: 20px;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting_event .event_inner {
      padding: 2.45098vw 8.82353vw;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .home_consulting_event .event_inner {
      padding: 25px 90px;
    }
  }

  .home_consulting_event .event_text {
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 1.85714;
    color: #0f3668;
    text-align: center;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting_event .event_text {
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 1.875;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .home_consulting_event .event_text {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 30px;
      line-height: 3rem;
    }
  }

  .home_consulting_event table {
    margin-bottom: 10px;
    background: url(images/home_consulting_event_line.png) 20% 0 no-repeat;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 28px;
    line-height: 2em;
    color: #0f3668;
  }

  .home_consulting_event table th,
  .home_consulting_event table td {
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 2;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting_event table th,
    .home_consulting_event table td {
      font-size: 14px;
      font-size: 1.37255vw;
      line-height: 2;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .home_consulting_event table th,
    .home_consulting_event table td {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 28px;
      line-height: 2.8rem;
    }
  }

  .home_consulting_event table th {
    width: 20%;
    text-align: justify;
    font-weight: normal;
    vertical-align: top;
  }

  .home_consulting_event table td {
    padding-left: 15px;
    width: 80%;
    letter-spacing: 0.1em;
  }

  .home_consulting_btn {
    margin: 0 auto;
    width: 100%;
    max-width: 320px;
    font-size: 15px;
    font-size: 4vw;
    line-height: 3.33333;
    color: #fff;
  }

  @media print, screen and (min-width: 480px) {
    .home_consulting_btn {
      font-size: 15px;
      font-size: 1.47059vw;
      line-height: 3.33333;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .home_consulting_btn {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 50px;
      line-height: 5rem;
    }
  }

  /*
.home_consulting {
margin-left: 280px;
padding-left: 0;
}
.home_consulting h2 {
font-size: 22px;
font-size: 2.2rem;
line-height: 40px;
line-height: 1.81818em;
letter-spacing: 0.085em;
width: 100%;
color: #0f3668;
}

.home_consulting_column {
margin-bottom: 40px;
padding: 10px 40px 40px;
background: #e1eef3 url(images/home_consulting_column_bg.png) center top no-repeat;
}
.home_consulting_column h3 {
margin-bottom: 32px;
}
.home_consulting_column .home_consulting_column_r {
width: 236px;
float: right;
}

.home_consulting_comment {
margin: 0 auto 85px;
width: 606px;
}
.home_consulting_comment p {
padding-top: 45px;
width: 450px;
font-size: 14px;
font-size: 1.4rem;
line-height: 28px;
line-height: 2em;
color: #0f3668;
letter-spacing: 0.085em;
text-align: justify;
float: left;
}

.home_consulting_cat {
margin: 0 auto 120px;
width: 606px;
}
.home_consulting_cat img {
display: block;
margin-right: 20px;
float: left;
}
.home_consulting_cat img:last-of-type {
margin-right: 0;
}

.home_consulting_event {
margin-bottom: 30px;
padding: 25px 90px;
border: 1px solid #0f3668;
}
.home_consulting_event table {
background: url(images/home_consulting_event_line.png) 90px 0 no-repeat;
font-size: 14px;
font-size: 1.4rem;
line-height: 28px;
line-height: 2em;
color: #0f3668;
}
.home_consulting_event table th {
width: 90px;
text-align: justify;
font-weight: normal;
vertical-align: top;
}
.home_consulting_event table td {
padding: 0 0 0 25px;
width: 430px;
letter-spacing: 0.1em;
}
.home_consulting_event table strong {
font-size: 16px;
font-size: 1.6rem;
line-height: 28px;
line-height: 1.75em;
color: #fa8232;
}

.home_consulting_btn {
display: block;
}
.home_consulting_btn img {
margin: 0 auto;
display: block;
}
*/
  /*
/* Page-online-soudan
============================================================*/
  .online_about {
    margin: 0 auto 70px;
    width: 100%;
    position: relative;
  }

  @media print, screen and (min-width: 480px) {
    .online_about {
      margin-bottom: 7.84314vw;
    }
  }

  @media print, screen and (min-width: 768px) {
    .online_about {
      margin-bottom: 80px;
    }
  }

  .online_about_inner {
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
  }

  .online_about h2 {
    margin-bottom: 25px;
    width: 100%;
  }

  @media print, screen and (min-width: 480px) {
    .online_about h2 {
      margin-bottom: 3.43137vw;
      width: 44.11765vw;
      max-width: 340px;
    }
  }

  .online_about h2 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .online_about h3 {
    width: 260px;
    margin-bottom: 30px;
  }

  .online_about h3 img {
    width: 100%;
    height: auto;
    display: block;
  }

  .online_about p {
    margin-bottom: 30px;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.875;
    color: #0f3668;
  }

  @media print, screen and (min-width: 480px) {
    .online_about p {
      margin-bottom: 2.94118vw;
      font-size: 16px;
      font-size: 1.56863vw;
      line-height: 1.875;
    }
  }

  @media print, screen and (min-width: 1020px) {
    .online_about p {
      margin-bottom: 30px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 30px;
      line-height: 3rem;
    }
  }

  .online_about_img {
    margin-bottom: 60px;
    width: 100%;
    height: auto;
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .online_about_img {
      margin-bottom: 0px;
      width: 41.96078vw;
      height: auto;
      position: absolute;
      top: -50px;
      right: 80px;
      z-index: -1;
    }
  }

  @media print, screen and (min-width: 768px) {
    .online_about_img {
      width: 330px;
      right: 0px;
    }
  }

  .online_soudan_bg {
    background: #a6cddd;
    padding: 60px 20px;
  }

  @media print, screen and (min-width: 768px) {
    .online_soudan_bg {
      padding: 60px 0;
    }
  }

  .online_soudan {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
  }

  .online_soudan_heading {
    margin: 0 auto 45px;
    text-align: center;
    max-width: 390px;
    width: 100%;
  }

  .online_soudan_heading img {
    max-width: 100%;
    height: auto;
  }

  .online_soudan_list ul {
    display: flex;
    margin: 0 auto;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
  }

  @media print, screen and (min-width: 768px) {
    .online_soudan_list ul {
      flex-wrap: nowrap;
      margin: 0 -15px;
    }
  }

  .online_soudan_list ul li {
    flex-basis: 100%;
    margin: 0 auto 50px;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0;
  }

  @media print, screen and (min-width: 768px) {
    .online_soudan_list ul li {
      flex-basis: 220px;
      margin: 0 15px;
    }
  }

  .online_soudan_list_img {
    width: 100%;
    text-align: center;
  }

  .online_soudan_list_img img {
    max-width: 150px;
    width: 100%;
    height: auto;
  }

  .online_soudan_list ul li h3 {
    text-align: center;
    margin: 20px auto;
  }

  .online_soudan_list ul li:nth-child(1) h3 img {
    width: calc(370px / 2);
  }

  .online_soudan_list ul li:nth-child(2) h3 img {
    width: calc(208px / 2);
  }

  .online_soudan_list ul li:nth-child(3) h3 img {
    width: calc(244px / 2);
  }

  .online_soudan_list ul li:nth-child(4) h3 img {
    width: calc(206px / 2);
  }

  .online_soudan_list_btn {
    margin-top: 15px;
  }

  .online_soudan_list_btn a {
    display: block;
    color: #fff;
    background: #0f3668;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    line-height: 1;
    font-size: 12px;
    transition: 0.2s;
  }

  .online_soudan_list_btn a:hover {
    text-decoration: none;
    opacity: 0.6;
    transition: 0.2s;
  }

  .online_item {
    max-width: 980px;
    width: 100%;
    margin: 65px auto;
    font-size: 14px;
    text-align: center;
  }

  .online_item p {
    text-align: center;
    line-height: 1.8;
  }

  .online_item p a {
    color: #0f3668;
    text-decoration: underline;
    transition: 0.2s;
  }

  .online_item p a:hover {
    opacity: 0.6;
    transition: 0.2s;
  }

  .online_item_heading {
    max-width: 233px;
    width: 100%;
    margin: 0 auto 60px;
  }

  .online_item_heading img {
    max-width: 100%;
    height: auto;
  }

  .online_item_img_wrap {
    display: flex;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
  }

  .online_item_img {
    text-align: center;
    width: 40%;
    margin: 0 auto 40px;
  }

  @media print, screen and (min-width: 768px) {
    .online_item_img {
      width: 240px;
      margin: 0 45px 40px;
    }
  }

  .online_item_img_L {
    position: relative;
    margin-bottom: 80px;
  }

  @media print, screen and (min-width: 768px) {
    .online_item_img_L {
      margin-bottom: 0px;
    }
  }

  .online_item_img_L::before {
    position: absolute;
    content: "";
    background: url("images/pluse.png") no-repeat center;
    width: 20px;
    height: 20px;
    background-size: 100%;
    top: 50%;
    right: 0;
    transform: translate(210%, -200%);
  }

  @media print, screen and (min-width: 768px) {
    .online_item_img_L::before {
      transform: translate(250%, -50%);
      width: 25px;
      height: 25px;
    }
  }

  .online_item_img_L img {
    max-width: 220px;
    width: 100%;
    height: auto;
  }

  .online_item_img_R img {
    max-width: 165px;
    transform: translate(-10px, 0);
  }

  @media print, screen and (min-width: 768px) {
    .online_item_img_R img {
      max-width: 220px;
      width: 100%;
      height: auto;
      transform: translate(0px, 0);
    }
  }

  .online_item_img h4 {
    color: #0f3668;
    font-size: 15px;
    margin-top: 20px;
  }

  .online_item_img_R h4 {
    margin-top: 0px;
  }

  @media print, screen and (min-width: 768px) {
    .online_item_img_R h4 {
      margin-top: 20px;
    }
  }

  .online_flow_wrap {
    position: relative;
    padding: 60px 20px 40px;
  }

  @media print, screen and (min-width: 768px) {
    .online_flow_wrap {
      padding: 60px 0 40px;
    }
  }

  .online_flow_wrap::before {
    position: absolute;
    content: "";
    width: 65px;
    height: 140px;
    transform: translate(400px, 100px);
    background: url("images/arrow.png") no-repeat center;
    bottom: 0;
    right: 50%;
    background-size: auto 100%;
  }

  .online_flow {
    margin: 0px auto;
    max-width: 980px;
    width: 100%;
  }

  .online_flow_heading {
    max-width: 390px;
    width: 100%;
    height: auto;
    margin: 0 auto 50px;
  }

  .online_flow_heading img {
    max-width: 100%;
    height: auto;
  }

  .online_flow_list ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }

  .online_flow_list li {
    display: flex;
    margin-bottom: 80px;
    flex-wrap: wrap;
  }

  @media print, screen and (min-width: 768px) {
    .online_flow_list li {
      margin-bottom: 40px;
    }
  }

  .online_flow_list_img {
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    .online_flow_list_img {
      max-width: 400px;
      margin-right: 40px;
    }
  }

  .online_flow_list_img img {
    max-width: 100%;
    height: auto;
  }

  .online_flow_list_txt {
    font-size: 14px;
    margin-top: 10px;
    max-width: 530px;
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    .online_flow_list_txt {
      margin-top: 30px;
    }
  }

  .online_flow_list_txt h3 {
    font-size: 20px;
    color: #0f3668;
    margin-bottom: 10px;
    padding: 10px 0 10px 70px;
    line-height: 1.5;
    position: relative;
  }

  @media print, screen and (min-width: 768px) {
    .online_flow_list_txt h3 {
      margin-bottom: 30px;
      line-height: 1;
    }
  }

  .online_flow_list_txt h3::before {
    content: "";
    position: absolute;
    background: url("images/number_01.png") no-repeat left center;
    width: 65px;
    height: 40px;
    background-size: 55px 35px;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
  }

  .online_flow_list li:nth-child(2) .online_flow_list_txt h3::before {
    background: url("images/number_02.png") no-repeat left center;
    background-size: 55px 35px;
  }

  .online_flow_list li:nth-child(3) .online_flow_list_txt h3::before {
    background: url("images/number_03.png") no-repeat left center;
    background-size: 55px 35px;
  }

  .online_flow_list_txt p {
    letter-spacing: 0;
  }

  .btn_mailform {
    width: 100%;
    margin: 25px 0 0;
  }

  .btn_mailform a {
    display: block;
    padding: 15px;
    color: #fff;
    text-align: center;
    line-height: 1;
    background: #0f3668;
    width: 100%;
    font-weight: bold;
    transition: 0.2s;
  }

  @media print, screen and (min-width: 768px) {
    .btn_mailform a {
      display: inline-block;
      max-width: 300px;
    }
  }

  .btn_mailform a:hover {
    text-decoration: none;
    opacity: 0.6;
    transition: 0.2s;
  }

  .btn_mailform a span {
    padding-left: 50px;
    position: relative;
  }

  .btn_mailform a span::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background: url("images/footer_btn_mail.png") no-repeat center;
    background-size: 100%;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
  }

  .main_first_counseling {
    padding-bottom: 0;
  }

  .contact_buttons_headign_online {
    padding: 40px 20px 30px;
    text-align: center;
    margin: 0 auto;
  }

  @media print, screen and (min-width: 768px) {
    .contact_buttons_headign_online {
      padding: 40px 0 30px;
    }
  }

  .contact_buttons_headign_online img {
    max-width: 450px;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }

  .contact_buttons_row_online {
    width: 100%;
    margin: 20px auto;
    text-align: center;
  }

  .contact_buttons_row_online a {
    display: inline-block;
    padding: 30px;
    color: #fff;
    text-align: center;
    line-height: 1;
    background: #0f3668;
    max-width: 540px;
    width: 100%;
    font-weight: bold;
    transition: 0.2s;
    font-size: 20px;
  }

  .contact_buttons_row_online a:hover {
    text-decoration: none;
    opacity: 0.6;
    transition: 0.2s;
  }

  .contact_buttons_row_online a span {
    padding-left: 65px;
    position: relative;
    display: inline-block;
    font-size: 18px;
  }

  @media print, screen and (min-width: 768px) {
    .contact_buttons_row_online a span {
      display: inline;
      font-size: 20px;
    }
  }

  .contact_buttons_row_online a span::before {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    background: url("images/footer_btn_mail.png") no-repeat center;
    background-size: 100%;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
  }

  .counseling_about_heading img {
    max-width: 510px;
    width: 100%;
  }

  .counseling_about p span {
    background: linear-gradient(transparent 50%, #fdde6f 50%);
  }

  .counseling_about_heading {
    margin-bottom: 35px;
  }

  .counseling_about_heading img {
    max-width: 510px;
    width: 100%;
    height: auto;
  }

  .counseling_about_txt {
    margin-bottom: 30px;
  }

  .counseling_about_flow {
    width: 100%;
    border: 1px dotted #0f3668;
    padding: 60px 20px 30px;
    position: relative;
  }

  @media print, screen and (min-width: 768px) {
    .counseling_about_flow {
      padding: 40px 0px 30px;
    }
  }

  .counseling_about_flow_h {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    margin: 0 auto;
  }

  .counseling_about_flow_h h3 {
    position: relative;
  }

  .counseling_about_flow_h h3::before {
    position: absolute;
    content: "";
    width: 55px;
    height: 25px;
    background: url("images/counseling_about_flow_h_sub.png") no-repeat center;
    background-size: 100% auto;
    top: 0;
    right: 0;
    transform: translate(0%, 10%);
  }

  @media print, screen and (min-width: 768px) {
    .counseling_about_flow_h h3::before {
      transform: translate(30%, 10%);
    }
  }

  .counseling_about_flow_h img {
    max-width: 300px;
    width: auto;
  }

  @media print, screen and (min-width: 768px) {
    .counseling_about_flow_h img {
      max-width: 220px;
      width: 100%;
    }
  }

  .counseling_about_flow {
    margin: 50px auto 80px;
    position: relative;
  }

  .counseling_about_flow::before {
    position: absolute;
    content: "";
    background: url(images/arrow.png) no-repeat;
    width: 60px;
    height: 220px;
    background-size: 100% auto;
    transform: rotateY(180deg) rotate(-34deg) translate(-220%, 60%);
    bottom: 0;
    left: 0%;
  }

  @media print, screen and (min-width: 768px) {
    .counseling_about_flow::before {
      transform: rotateY(180deg) rotate(-34deg) translate(-40%, 95%);
    }
  }

  .counseling_about_flow ul {
    display: flex;
    justify-content: center;
    align-content: center;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    flex-wrap: wrap;
  }

  @media print, screen and (min-width: 768px) {
    .counseling_about_flow ul {
      margin: 0 -30px;
    }
  }

  .counseling_about_flow li {
    flex-basis: 100%;
    margin: 0 auto 100px;
    font-size: 14px;
    line-height: 1.8;
    position: relative;
    text-align: center;
  }

  @media print, screen and (min-width: 768px) {
    .counseling_about_flow li {
      flex-basis: 170px;
      margin: 0 30px 0;
      font-size: 12px;
      text-align: left;
    }
  }

  .counseling_about_flow li::before {
    content: "";
    position: absolute;
    background: url("images/counseling_arrow.png") no-repeat;
    width: 13px;
    height: 20px;
    background-size: 13px 20px;
    top: 100%;
    right: 50%;
    transform: translate(50%, 40px) rotate(90deg);
  }

  @media print, screen and (min-width: 768px) {
    .counseling_about_flow li::before {
      top: 50%;
      right: 0;
      transform: translate(250%, -200%) rotate(0deg);
    }
  }

  .counseling_about_flow li:last-child::before {
    content: none;
  }

  .counseling_about_flow_img {
    height: auto;
    width: 60%;
    text-align: center;
    margin: 0 auto 15px;
  }

  @media print, screen and (min-width: 768px) {
    .counseling_about_flow_img {
      height: 165px;
      width: auto;
    }
  }

  .counseling_about_flow_img img {
    max-width: 100%;
    height: auto;
  }

  @media print, screen and (min-width: 768px) {
    .counseling_about_flow li:nth-child(1) .counseling_about_flow_img img {
      max-width: 115px;
    }
    .counseling_about_flow li:nth-child(2) .counseling_about_flow_img img {
      max-width: 134px;
    }
    .counseling_about_flow li:nth-child(3) .counseling_about_flow_img img {
      max-width: 142px;
    }
  }

  .counseling_form_wrap {
    padding: 70px 0;
    margin: 0 auto;
  }

  .counseling_form {
    background: #fff;
    max-width: 980px;
    width: 100%;
    padding: 70px 20px;
    position: relative;
    margin: 0 auto;
  }

  @media print, screen and (min-width: 768px) {
    .counseling_form {
      padding: 70px 95px;
    }
  }

  .counseling_form::before {
    position: absolute;
    content: "";
    background: url("images/counseling_form_add.png") no-repeat;
    width: 70%;
    height: 50px;
    background-size: 100% auto;
    left: 50%;
    top: 0;
    transform: translate(-50%, -30%);
  }

  @media print, screen and (min-width: 768px) {
    .counseling_form::before {
      width: 400px;
    }
  }

  .counseling_form::after {
    position: absolute;
    content: "";
    background: url("images/counseling_form_fuki.png") no-repeat;
    width: 150px;
    height: 132px;
    background-size: 100% auto;
    right: 0%;
    top: 0;
    transform: translate(7%, -55%);
  }

  @media print, screen and (min-width: 768px) {
    .counseling_form::after {
      transform: translate(-70%, -20%);
    }
  }

  .counseling_form h2 {
    margin: 0 auto 30px;
    text-align: center;
  }

  @media print, screen and (min-width: 768px) {
    .counseling_form h2 {
      margin: 0 auto;
    }
  }

  .counseling_form h2 img {
    max-width: 367px;
    width: 100%;
  }

  .counseling_form table {
    margin: 0px auto;
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    .counseling_form table {
      margin: 0 auto;
      width: calc(100% - 100px);
    }
  }

  .counseling_form ul {
    list-style: none;
    padding: 0;
  }

  .formWrap_online th {
    white-space: nowrap;
  }

  .formWrap_online th br {
    display: none;
  }

  @media print, screen and (min-width: 768px) {
    .formWrap_online th br {
      display: inherit;
    }
  }

  .formWrap_online td.subcelh {
    white-space: nowrap;
    padding-right: 10px;
  }

  /*
.formWrap_online td input[type="text"], .formWrap_online td input[type="email"]{
max-width: 100%;
width: auto;
}*/
  .formWrap_online .wpcf7-form-control-wrap {
    width: auto;
    position: inherit;
  }

  .formWrap_online .categories .wpcf7-form-control-wrap {
    width: 100%;
  }

  .formWrap_online .categories .catwrap > span {
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    .formWrap_online .categories .catwrap > span {
      width: auto;
    }
  }

  .formWrap_online .categories_table .catwrap > span {
    width: 100%;
  }

  @media print, screen and (min-width: 768px) {
    .formWrap_online .categories_table .catwrap > span {
      width: 50%;
    }
  }

  .form_td_box {
    display: inline-block;
    margin-bottom: 10px;
  }

  @media print, screen and (min-width: 768px) {
    .form_td_box {
      margin-bottom: 0;
    }
  }

  .form_td_box > div {
    display: inline-block;
  }

  .form_td_box ul {
    display: inherit;
    margin: 0 -5px 0 -5px;
  }

  @media print, screen and (min-width: 768px) {
    .form_td_box ul {
      display: flex;
      margin: 0 20px 0 -5px;
    }
  }

  .form_td_box ul li {
    margin: 0 5px;
  }

  .form_td_box .wpcf7-form-control-wrap {
    min-width: 65px;
    display: block;
  }

  @media print, screen and (min-width: 768px) {
    .form_td_box .wpcf7-form-control-wrap {
      min-width: 80px;
    }
  }

  .form_td_box_h {
    margin-right: 10px;
  }

  .form_td_box_input ul {
    display: flex;
  }

  .form_td_box_input .wpcf7-form-control-wrap {
    width: 100%;
    margin-bottom: 5px;
  }

  @media print, screen and (min-width: 768px) {
    .form_td_box_input .wpcf7-form-control-wrap {
      margin-bottom: 0;
    }
  }

  .form_td_box_flex {
    display: flex;
  }

  .form_td_box_flex .form_td_box_txt,
  .form_td_box_sp .form_td_box_txt {
    margin: 0 5px;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  @media print, screen and (min-width: 768px) {
    .form_td_box_flex .form_td_box_txt,
    .form_td_box_sp .form_td_box_txt {
      display: inline-block;
      justify-content: inherit;
      align-items: inherit;
    }
  }

  .form_td_box_sp {
    display: flex;
    white-space: nowrap;
  }

  @media print, screen and (min-width: 768px) {
    .form_td_box_sp {
      display: inherit;
      white-space: normal;
    }
  }

  .formWrap_online .categories .wpcf7-form-control-wrap {
    margin-bottom: 0;
  }

  .categories_table .wpcf7-form-control-wrap {
    width: 100%;
  }

  .formWrap_online .formTbl td {
    position: relative;
  }

  .formWrap_online .tr_etc td {
    padding-top: 0px;
  }

  @media print, screen and (min-width: 768px) {
    .formWrap_online .tr_etc td {
      padding-top: 15px;
    }
  }

  .formWrap_online .tr_etc_next th {
    padding-top: 60px;
  }

  @media print, screen and (min-width: 768px) {
    .formWrap_online .tr_etc_next th,
    .formWrap_online .tr_etc_next td {
      padding-top: 60px;
    }
  }

  .form_note {
    font-size: 10px;
    color: #649bb1;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -25px;
  }

  @media print, screen and (min-width: 768px) {
    .form_note {
      left: -114px;
    }
  }

  .formTbl_option {
    border: 1px dotted #649bb1;
    margin: 50px auto;
    border-top: none;
    padding-bottom: 30px;
  }

  .formTbl_option h3 {
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    background: #649bb1;
  }

  .counseling_form .formTbl_option table {
    margin: 15px 15px;
    width: calc(100% - 30px);
  }

  @media print, screen and (min-width: 768px) {
    .counseling_form .formTbl_option table {
      margin: 0 auto;
      width: calc(100% - 100px);
    }
  }

  .formWrap_online .formButtons {
    margin-top: 80px;
  }

  .counseling_form_b_note {
    margin: 0 auto;
    padding: 0 0 80px;
  }

  .counseling_form_b_note h4 {
    color: #0f3668;
    font-size: 12px;
    text-align: center;
    margin-bottom: 20px;
  }

  .counseling_form_b_note p {
    font-size: 11px;
    text-align: center;
    line-height: 2.1;
    letter-spacing: 0.1rem;
  }

  /* SNSアイコン追加
============================================================*/

  .twitter {
    display: block;
    position: fixed;
    right: 0;
    top: 60px;
    z-index: 999;
  }
  .twitter img {
    width: 30px;
  }
  .twitter:hover {
    transition: 0.3s;
    opacity: 0.6;
  }
  @media print, screen and (min-width: 768px) {
    .twitter {
      top: 50px;
    }
  }
  .instagram {
    display: block;
    position: fixed;
    right: 0;
    top: 95px;
    z-index: 999;
  }
  .instagram img {
    width: 30px;
  }
  .instagram:hover {
    transition: 0.3s;
    opacity: 0.6;
  }
  @media print, screen and (min-width: 768px) {
    .instagram {
      top: 90px;
    }
  }
  .sns_line {
    display: block;
    position: fixed;
    right: 0;
    top: 130px;
    z-index: 999;
  }
  .sns_line img {
    width: 30px;
  }
  .sns_line:hover {
    transition: 0.3s;
    opacity: 0.6;
  }
  @media print, screen and (min-width: 768px) {
    .sns_line {
      top: 130px;
    }
  }

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

Object - Utility

////////////////////////////////////////////////////////////*/
  /*
/* Layout
============================================================*/
  /* float
------------------------------------------------------------*/
  .u-fl-l {
    float: left !important;
  }

  .u-fl-r {
    float: right !important;
  }

  /* clearfix 
------------------------------------------------------------*/
  .u-clx:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  .u-clx {
    min-height: 1px;
  }

  * html .u-clx {
    height: 1px;
  }

  .cf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  .cf {
    min-height: 1px;
  }

  * html .cf {
    height: 1px;
  }

  .clear {
    clear: both;
  }

  /* margin controls 
------------------------------------------------------------*/
  /* base
- - - - - - - - - - - - - - - - - - */
  .u-mt0 {
    margin-top: 0px !important;
  }

  .u-mt5 {
    margin-top: 5px !important;
  }

  .u-mt10 {
    margin-top: 10px !important;
  }

  .u-mt15 {
    margin-top: 15px !important;
  }

  .u-mt20 {
    margin-top: 20px !important;
  }

  .u-mt25 {
    margin-top: 25px !important;
  }

  .u-mt30 {
    margin-top: 30px !important;
  }

  .u-mt35 {
    margin-top: 35px !important;
  }

  .u-mt40 {
    margin-top: 40px !important;
  }

  .u-mt45 {
    margin-top: 45px !important;
  }

  .u-mt50 {
    margin-top: 50px !important;
  }

  .u-mt55 {
    margin-top: 55px !important;
  }

  .u-mt60 {
    margin-top: 60px !important;
  }

  .u-mt65 {
    margin-top: 65px !important;
  }

  .u-mt70 {
    margin-top: 70px !important;
  }

  .u-mt75 {
    margin-top: 75px !important;
  }

  .u-mt80 {
    margin-top: 80px !important;
  }

  .u-mt85 {
    margin-top: 85px !important;
  }

  .u-mt90 {
    margin-top: 90px !important;
  }

  .u-mt95 {
    margin-top: 95px !important;
  }

  .u-mt100 {
    margin-top: 100px !important;
  }

  .u-mt105 {
    margin-top: 105px !important;
  }

  .u-mt110 {
    margin-top: 110px !important;
  }

  .u-mt115 {
    margin-top: 115px !important;
  }

  .u-mt120 {
    margin-top: 120px !important;
  }

  .u-mt125 {
    margin-top: 125px !important;
  }

  .u-mt130 {
    margin-top: 130px !important;
  }

  .u-mt135 {
    margin-top: 135px !important;
  }

  .u-mt140 {
    margin-top: 140px !important;
  }

  .u-mt145 {
    margin-top: 145px !important;
  }

  .u-mt150 {
    margin-top: 150px !important;
  }

  .u-mt155 {
    margin-top: 155px !important;
  }

  .u-mt160 {
    margin-top: 160px !important;
  }

  .u-mt165 {
    margin-top: 165px !important;
  }

  .u-mt170 {
    margin-top: 170px !important;
  }

  .u-mt175 {
    margin-top: 175px !important;
  }

  .u-mt180 {
    margin-top: 180px !important;
  }

  .u-mt185 {
    margin-top: 185px !important;
  }

  .u-mt190 {
    margin-top: 190px !important;
  }

  .u-mt195 {
    margin-top: 195px !important;
  }

  .u-mt200 {
    margin-top: 200px !important;
  }

  .u-mr0 {
    margin-right: 0px !important;
  }

  .u-mr5 {
    margin-right: 5px !important;
  }

  .u-mr10 {
    margin-right: 10px !important;
  }

  .u-mr15 {
    margin-right: 15px !important;
  }

  .u-mr20 {
    margin-right: 20px !important;
  }

  .u-mr25 {
    margin-right: 25px !important;
  }

  .u-mr30 {
    margin-right: 30px !important;
  }

  .u-mr35 {
    margin-right: 35px !important;
  }

  .u-mr40 {
    margin-right: 40px !important;
  }

  .u-mr45 {
    margin-right: 45px !important;
  }

  .u-mr50 {
    margin-right: 50px !important;
  }

  .u-mr55 {
    margin-right: 55px !important;
  }

  .u-mr60 {
    margin-right: 60px !important;
  }

  .u-mr65 {
    margin-right: 65px !important;
  }

  .u-mr70 {
    margin-right: 70px !important;
  }

  .u-mr75 {
    margin-right: 75px !important;
  }

  .u-mr80 {
    margin-right: 80px !important;
  }

  .u-mr85 {
    margin-right: 85px !important;
  }

  .u-mr90 {
    margin-right: 90px !important;
  }

  .u-mr95 {
    margin-right: 95px !important;
  }

  .u-mr100 {
    margin-right: 100px !important;
  }

  .u-mr105 {
    margin-right: 105px !important;
  }

  .u-mr110 {
    margin-right: 110px !important;
  }

  .u-mr115 {
    margin-right: 115px !important;
  }

  .u-mr120 {
    margin-right: 120px !important;
  }

  .u-mr125 {
    margin-right: 125px !important;
  }

  .u-mr130 {
    margin-right: 130px !important;
  }

  .u-mr135 {
    margin-right: 135px !important;
  }

  .u-mr140 {
    margin-right: 140px !important;
  }

  .u-mr145 {
    margin-right: 145px !important;
  }

  .u-mr150 {
    margin-right: 150px !important;
  }

  .u-mr155 {
    margin-right: 155px !important;
  }

  .u-mr160 {
    margin-right: 160px !important;
  }

  .u-mr165 {
    margin-right: 165px !important;
  }

  .u-mr170 {
    margin-right: 170px !important;
  }

  .u-mr175 {
    margin-right: 175px !important;
  }

  .u-mr180 {
    margin-right: 180px !important;
  }

  .u-mr185 {
    margin-right: 185px !important;
  }

  .u-mr190 {
    margin-right: 190px !important;
  }

  .u-mr195 {
    margin-right: 195px !important;
  }

  .u-mr200 {
    margin-right: 200px !important;
  }

  .u-mb0 {
    margin-bottom: 0px !important;
  }

  .u-mb5 {
    margin-bottom: 5px !important;
  }

  .u-mb10 {
    margin-bottom: 10px !important;
  }

  .u-mb15 {
    margin-bottom: 15px !important;
  }

  .u-mb20 {
    margin-bottom: 20px !important;
  }

  .u-mb25 {
    margin-bottom: 25px !important;
  }

  .u-mb30 {
    margin-bottom: 30px !important;
  }

  .u-mb35 {
    margin-bottom: 35px !important;
  }

  .u-mb40 {
    margin-bottom: 40px !important;
  }

  .u-mb45 {
    margin-bottom: 45px !important;
  }

  .u-mb50 {
    margin-bottom: 50px !important;
  }

  .u-mb55 {
    margin-bottom: 55px !important;
  }

  .u-mb60 {
    margin-bottom: 60px !important;
  }

  .u-mb65 {
    margin-bottom: 65px !important;
  }

  .u-mb70 {
    margin-bottom: 70px !important;
  }

  .u-mb75 {
    margin-bottom: 75px !important;
  }

  .u-mb80 {
    margin-bottom: 80px !important;
  }

  .u-mb85 {
    margin-bottom: 85px !important;
  }

  .u-mb90 {
    margin-bottom: 90px !important;
  }

  .u-mb95 {
    margin-bottom: 95px !important;
  }

  .u-mb100 {
    margin-bottom: 100px !important;
  }

  .u-mb105 {
    margin-bottom: 105px !important;
  }

  .u-mb110 {
    margin-bottom: 110px !important;
  }

  .u-mb115 {
    margin-bottom: 115px !important;
  }

  .u-mb120 {
    margin-bottom: 120px !important;
  }

  .u-mb125 {
    margin-bottom: 125px !important;
  }

  .u-mb130 {
    margin-bottom: 130px !important;
  }

  .u-mb135 {
    margin-bottom: 135px !important;
  }

  .u-mb140 {
    margin-bottom: 140px !important;
  }

  .u-mb145 {
    margin-bottom: 145px !important;
  }

  .u-mb150 {
    margin-bottom: 150px !important;
  }

  .u-mb155 {
    margin-bottom: 155px !important;
  }

  .u-mb160 {
    margin-bottom: 160px !important;
  }

  .u-mb165 {
    margin-bottom: 165px !important;
  }

  .u-mb170 {
    margin-bottom: 170px !important;
  }

  .u-mb175 {
    margin-bottom: 175px !important;
  }

  .u-mb180 {
    margin-bottom: 180px !important;
  }

  .u-mb185 {
    margin-bottom: 185px !important;
  }

  .u-mb190 {
    margin-bottom: 190px !important;
  }

  .u-mb195 {
    margin-bottom: 195px !important;
  }

  .u-mb200 {
    margin-bottom: 200px !important;
  }

  .u-ml0 {
    margin-left: 0px !important;
  }

  .u-ml5 {
    margin-left: 5px !important;
  }

  .u-ml10 {
    margin-left: 10px !important;
  }

  .u-ml15 {
    margin-left: 15px !important;
  }

  .u-ml20 {
    margin-left: 20px !important;
  }

  .u-ml25 {
    margin-left: 25px !important;
  }

  .u-ml30 {
    margin-left: 30px !important;
  }

  .u-ml35 {
    margin-left: 35px !important;
  }

  .u-ml40 {
    margin-left: 40px !important;
  }

  .u-ml45 {
    margin-left: 45px !important;
  }

  .u-ml50 {
    margin-left: 50px !important;
  }

  .u-ml55 {
    margin-left: 55px !important;
  }

  .u-ml60 {
    margin-left: 60px !important;
  }

  .u-ml65 {
    margin-left: 65px !important;
  }

  .u-ml70 {
    margin-left: 70px !important;
  }

  .u-ml75 {
    margin-left: 75px !important;
  }

  .u-ml80 {
    margin-left: 80px !important;
  }

  .u-ml85 {
    margin-left: 85px !important;
  }

  .u-ml90 {
    margin-left: 90px !important;
  }

  .u-ml95 {
    margin-left: 95px !important;
  }

  .u-ml100 {
    margin-left: 100px !important;
  }

  .u-ml105 {
    margin-left: 105px !important;
  }

  .u-ml110 {
    margin-left: 110px !important;
  }

  .u-ml115 {
    margin-left: 115px !important;
  }

  .u-ml120 {
    margin-left: 120px !important;
  }

  .u-ml125 {
    margin-left: 125px !important;
  }

  .u-ml130 {
    margin-left: 130px !important;
  }

  .u-ml135 {
    margin-left: 135px !important;
  }

  .u-ml140 {
    margin-left: 140px !important;
  }

  .u-ml145 {
    margin-left: 145px !important;
  }

  .u-ml150 {
    margin-left: 150px !important;
  }

  .u-ml155 {
    margin-left: 155px !important;
  }

  .u-ml160 {
    margin-left: 160px !important;
  }

  .u-ml165 {
    margin-left: 165px !important;
  }

  .u-ml170 {
    margin-left: 170px !important;
  }

  .u-ml175 {
    margin-left: 175px !important;
  }

  .u-ml180 {
    margin-left: 180px !important;
  }

  .u-ml185 {
    margin-left: 185px !important;
  }

  .u-ml190 {
    margin-left: 190px !important;
  }

  .u-ml195 {
    margin-left: 195px !important;
  }

  .u-ml200 {
    margin-left: 200px !important;
  }

  /* screen size XS
- - - - - - - - - - - - - - - - - - */
  @media only screen and (min-width: 375px) {
    .u-mtxs0 {
      margin-top: 0px !important;
    }
    .u-mtxs5 {
      margin-top: 5px !important;
    }
    .u-mtxs10 {
      margin-top: 10px !important;
    }
    .u-mtxs15 {
      margin-top: 15px !important;
    }
    .u-mtxs20 {
      margin-top: 20px !important;
    }
    .u-mtxs25 {
      margin-top: 25px !important;
    }
    .u-mtxs30 {
      margin-top: 30px !important;
    }
    .u-mtxs35 {
      margin-top: 35px !important;
    }
    .u-mtxs40 {
      margin-top: 40px !important;
    }
    .u-mtxs45 {
      margin-top: 45px !important;
    }
    .u-mtxs50 {
      margin-top: 50px !important;
    }
    .u-mtxs55 {
      margin-top: 55px !important;
    }
    .u-mtxs60 {
      margin-top: 60px !important;
    }
    .u-mtxs65 {
      margin-top: 65px !important;
    }
    .u-mtxs70 {
      margin-top: 70px !important;
    }
    .u-mtxs75 {
      margin-top: 75px !important;
    }
    .u-mtxs80 {
      margin-top: 80px !important;
    }
    .u-mtxs85 {
      margin-top: 85px !important;
    }
    .u-mtxs90 {
      margin-top: 90px !important;
    }
    .u-mtxs95 {
      margin-top: 95px !important;
    }
    .u-mtxs100 {
      margin-top: 100px !important;
    }
    .u-mtxs105 {
      margin-top: 105px !important;
    }
    .u-mtxs110 {
      margin-top: 110px !important;
    }
    .u-mtxs115 {
      margin-top: 115px !important;
    }
    .u-mtxs120 {
      margin-top: 120px !important;
    }
    .u-mtxs125 {
      margin-top: 125px !important;
    }
    .u-mtxs130 {
      margin-top: 130px !important;
    }
    .u-mtxs135 {
      margin-top: 135px !important;
    }
    .u-mtxs140 {
      margin-top: 140px !important;
    }
    .u-mtxs145 {
      margin-top: 145px !important;
    }
    .u-mtxs150 {
      margin-top: 150px !important;
    }
    .u-mtxs155 {
      margin-top: 155px !important;
    }
    .u-mtxs160 {
      margin-top: 160px !important;
    }
    .u-mtxs165 {
      margin-top: 165px !important;
    }
    .u-mtxs170 {
      margin-top: 170px !important;
    }
    .u-mtxs175 {
      margin-top: 175px !important;
    }
    .u-mtxs180 {
      margin-top: 180px !important;
    }
    .u-mtxs185 {
      margin-top: 185px !important;
    }
    .u-mtxs190 {
      margin-top: 190px !important;
    }
    .u-mtxs195 {
      margin-top: 195px !important;
    }
    .u-mtxs200 {
      margin-top: 200px !important;
    }
    .u-mrxs0 {
      margin-right: 0px !important;
    }
    .u-mrxs5 {
      margin-right: 5px !important;
    }
    .u-mrxs10 {
      margin-right: 10px !important;
    }
    .u-mrxs15 {
      margin-right: 15px !important;
    }
    .u-mrxs20 {
      margin-right: 20px !important;
    }
    .u-mrxs25 {
      margin-right: 25px !important;
    }
    .u-mrxs30 {
      margin-right: 30px !important;
    }
    .u-mrxs35 {
      margin-right: 35px !important;
    }
    .u-mrxs40 {
      margin-right: 40px !important;
    }
    .u-mrxs45 {
      margin-right: 45px !important;
    }
    .u-mrxs50 {
      margin-right: 50px !important;
    }
    .u-mrxs55 {
      margin-right: 55px !important;
    }
    .u-mrxs60 {
      margin-right: 60px !important;
    }
    .u-mrxs65 {
      margin-right: 65px !important;
    }
    .u-mrxs70 {
      margin-right: 70px !important;
    }
    .u-mrxs75 {
      margin-right: 75px !important;
    }
    .u-mrxs80 {
      margin-right: 80px !important;
    }
    .u-mrxs85 {
      margin-right: 85px !important;
    }
    .u-mrxs90 {
      margin-right: 90px !important;
    }
    .u-mrxs95 {
      margin-right: 95px !important;
    }
    .u-mrxs100 {
      margin-right: 100px !important;
    }
    .u-mrxs105 {
      margin-right: 105px !important;
    }
    .u-mrxs110 {
      margin-right: 110px !important;
    }
    .u-mrxs115 {
      margin-right: 115px !important;
    }
    .u-mrxs120 {
      margin-right: 120px !important;
    }
    .u-mrxs125 {
      margin-right: 125px !important;
    }
    .u-mrxs130 {
      margin-right: 130px !important;
    }
    .u-mrxs135 {
      margin-right: 135px !important;
    }
    .u-mrxs140 {
      margin-right: 140px !important;
    }
    .u-mrxs145 {
      margin-right: 145px !important;
    }
    .u-mrxs150 {
      margin-right: 150px !important;
    }
    .u-mrxs155 {
      margin-right: 155px !important;
    }
    .u-mrxs160 {
      margin-right: 160px !important;
    }
    .u-mrxs165 {
      margin-right: 165px !important;
    }
    .u-mrxs170 {
      margin-right: 170px !important;
    }
    .u-mrxs175 {
      margin-right: 175px !important;
    }
    .u-mrxs180 {
      margin-right: 180px !important;
    }
    .u-mrxs185 {
      margin-right: 185px !important;
    }
    .u-mrxs190 {
      margin-right: 190px !important;
    }
    .u-mrxs195 {
      margin-right: 195px !important;
    }
    .u-mrxs200 {
      margin-right: 200px !important;
    }
    .u-mbxs0 {
      margin-bottom: 0px !important;
    }
    .u-mbxs5 {
      margin-bottom: 5px !important;
    }
    .u-mbxs10 {
      margin-bottom: 10px !important;
    }
    .u-mbxs15 {
      margin-bottom: 15px !important;
    }
    .u-mbxs20 {
      margin-bottom: 20px !important;
    }
    .u-mbxs25 {
      margin-bottom: 25px !important;
    }
    .u-mbxs30 {
      margin-bottom: 30px !important;
    }
    .u-mbxs35 {
      margin-bottom: 35px !important;
    }
    .u-mbxs40 {
      margin-bottom: 40px !important;
    }
    .u-mbxs45 {
      margin-bottom: 45px !important;
    }
    .u-mbxs50 {
      margin-bottom: 50px !important;
    }
    .u-mbxs55 {
      margin-bottom: 55px !important;
    }
    .u-mbxs60 {
      margin-bottom: 60px !important;
    }
    .u-mbxs65 {
      margin-bottom: 65px !important;
    }
    .u-mbxs70 {
      margin-bottom: 70px !important;
    }
    .u-mbxs75 {
      margin-bottom: 75px !important;
    }
    .u-mbxs80 {
      margin-bottom: 80px !important;
    }
    .u-mbxs85 {
      margin-bottom: 85px !important;
    }
    .u-mbxs90 {
      margin-bottom: 90px !important;
    }
    .u-mbxs95 {
      margin-bottom: 95px !important;
    }
    .u-mbxs100 {
      margin-bottom: 100px !important;
    }
    .u-mbxs105 {
      margin-bottom: 105px !important;
    }
    .u-mbxs110 {
      margin-bottom: 110px !important;
    }
    .u-mbxs115 {
      margin-bottom: 115px !important;
    }
    .u-mbxs120 {
      margin-bottom: 120px !important;
    }
    .u-mbxs125 {
      margin-bottom: 125px !important;
    }
    .u-mbxs130 {
      margin-bottom: 130px !important;
    }
    .u-mbxs135 {
      margin-bottom: 135px !important;
    }
    .u-mbxs140 {
      margin-bottom: 140px !important;
    }
    .u-mbxs145 {
      margin-bottom: 145px !important;
    }
    .u-mbxs150 {
      margin-bottom: 150px !important;
    }
    .u-mbxs155 {
      margin-bottom: 155px !important;
    }
    .u-mbxs160 {
      margin-bottom: 160px !important;
    }
    .u-mbxs165 {
      margin-bottom: 165px !important;
    }
    .u-mbxs170 {
      margin-bottom: 170px !important;
    }
    .u-mbxs175 {
      margin-bottom: 175px !important;
    }
    .u-mbxs180 {
      margin-bottom: 180px !important;
    }
    .u-mbxs185 {
      margin-bottom: 185px !important;
    }
    .u-mbxs190 {
      margin-bottom: 190px !important;
    }
    .u-mbxs195 {
      margin-bottom: 195px !important;
    }
    .u-mbxs200 {
      margin-bottom: 200px !important;
    }
    .u-mlxs0 {
      margin-left: 0px !important;
    }
    .u-mlxs5 {
      margin-left: 5px !important;
    }
    .u-mlxs10 {
      margin-left: 10px !important;
    }
    .u-mlxs15 {
      margin-left: 15px !important;
    }
    .u-mlxs20 {
      margin-left: 20px !important;
    }
    .u-mlxs25 {
      margin-left: 25px !important;
    }
    .u-mlxs30 {
      margin-left: 30px !important;
    }
    .u-mlxs35 {
      margin-left: 35px !important;
    }
    .u-mlxs40 {
      margin-left: 40px !important;
    }
    .u-mlxs45 {
      margin-left: 45px !important;
    }
    .u-mlxs50 {
      margin-left: 50px !important;
    }
    .u-mlxs55 {
      margin-left: 55px !important;
    }
    .u-mlxs60 {
      margin-left: 60px !important;
    }
    .u-mlxs65 {
      margin-left: 65px !important;
    }
    .u-mlxs70 {
      margin-left: 70px !important;
    }
    .u-mlxs75 {
      margin-left: 75px !important;
    }
    .u-mlxs80 {
      margin-left: 80px !important;
    }
    .u-mlxs85 {
      margin-left: 85px !important;
    }
    .u-mlxs90 {
      margin-left: 90px !important;
    }
    .u-mlxs95 {
      margin-left: 95px !important;
    }
    .u-mlxs100 {
      margin-left: 100px !important;
    }
    .u-mlxs105 {
      margin-left: 105px !important;
    }
    .u-mlxs110 {
      margin-left: 110px !important;
    }
    .u-mlxs115 {
      margin-left: 115px !important;
    }
    .u-mlxs120 {
      margin-left: 120px !important;
    }
    .u-mlxs125 {
      margin-left: 125px !important;
    }
    .u-mlxs130 {
      margin-left: 130px !important;
    }
    .u-mlxs135 {
      margin-left: 135px !important;
    }
    .u-mlxs140 {
      margin-left: 140px !important;
    }
    .u-mlxs145 {
      margin-left: 145px !important;
    }
    .u-mlxs150 {
      margin-left: 150px !important;
    }
    .u-mlxs155 {
      margin-left: 155px !important;
    }
    .u-mlxs160 {
      margin-left: 160px !important;
    }
    .u-mlxs165 {
      margin-left: 165px !important;
    }
    .u-mlxs170 {
      margin-left: 170px !important;
    }
    .u-mlxs175 {
      margin-left: 175px !important;
    }
    .u-mlxs180 {
      margin-left: 180px !important;
    }
    .u-mlxs185 {
      margin-left: 185px !important;
    }
    .u-mlxs190 {
      margin-left: 190px !important;
    }
    .u-mlxs195 {
      margin-left: 195px !important;
    }
    .u-mlxs200 {
      margin-left: 200px !important;
    }
  }

  /* screen size S
- - - - - - - - - - - - - - - - - - */
  @media print, screen and (min-width: 480px) {
    .u-mts0 {
      margin-top: 0px !important;
    }
    .u-mts5 {
      margin-top: 5px !important;
    }
    .u-mts10 {
      margin-top: 10px !important;
    }
    .u-mts15 {
      margin-top: 15px !important;
    }
    .u-mts20 {
      margin-top: 20px !important;
    }
    .u-mts25 {
      margin-top: 25px !important;
    }
    .u-mts30 {
      margin-top: 30px !important;
    }
    .u-mts35 {
      margin-top: 35px !important;
    }
    .u-mts40 {
      margin-top: 40px !important;
    }
    .u-mts45 {
      margin-top: 45px !important;
    }
    .u-mts50 {
      margin-top: 50px !important;
    }
    .u-mts55 {
      margin-top: 55px !important;
    }
    .u-mts60 {
      margin-top: 60px !important;
    }
    .u-mts65 {
      margin-top: 65px !important;
    }
    .u-mts70 {
      margin-top: 70px !important;
    }
    .u-mts75 {
      margin-top: 75px !important;
    }
    .u-mts80 {
      margin-top: 80px !important;
    }
    .u-mts85 {
      margin-top: 85px !important;
    }
    .u-mts90 {
      margin-top: 90px !important;
    }
    .u-mts95 {
      margin-top: 95px !important;
    }
    .u-mts100 {
      margin-top: 100px !important;
    }
    .u-mts105 {
      margin-top: 105px !important;
    }
    .u-mts110 {
      margin-top: 110px !important;
    }
    .u-mts115 {
      margin-top: 115px !important;
    }
    .u-mts120 {
      margin-top: 120px !important;
    }
    .u-mts125 {
      margin-top: 125px !important;
    }
    .u-mts130 {
      margin-top: 130px !important;
    }
    .u-mts135 {
      margin-top: 135px !important;
    }
    .u-mts140 {
      margin-top: 140px !important;
    }
    .u-mts145 {
      margin-top: 145px !important;
    }
    .u-mts150 {
      margin-top: 150px !important;
    }
    .u-mts155 {
      margin-top: 155px !important;
    }
    .u-mts160 {
      margin-top: 160px !important;
    }
    .u-mts165 {
      margin-top: 165px !important;
    }
    .u-mts170 {
      margin-top: 170px !important;
    }
    .u-mts175 {
      margin-top: 175px !important;
    }
    .u-mts180 {
      margin-top: 180px !important;
    }
    .u-mts185 {
      margin-top: 185px !important;
    }
    .u-mts190 {
      margin-top: 190px !important;
    }
    .u-mts195 {
      margin-top: 195px !important;
    }
    .u-mts200 {
      margin-top: 200px !important;
    }
    .u-mrs0 {
      margin-right: 0px !important;
    }
    .u-mrs5 {
      margin-right: 5px !important;
    }
    .u-mrs10 {
      margin-right: 10px !important;
    }
    .u-mrs15 {
      margin-right: 15px !important;
    }
    .u-mrs20 {
      margin-right: 20px !important;
    }
    .u-mrs25 {
      margin-right: 25px !important;
    }
    .u-mrs30 {
      margin-right: 30px !important;
    }
    .u-mrs35 {
      margin-right: 35px !important;
    }
    .u-mrs40 {
      margin-right: 40px !important;
    }
    .u-mrs45 {
      margin-right: 45px !important;
    }
    .u-mrs50 {
      margin-right: 50px !important;
    }
    .u-mrs55 {
      margin-right: 55px !important;
    }
    .u-mrs60 {
      margin-right: 60px !important;
    }
    .u-mrs65 {
      margin-right: 65px !important;
    }
    .u-mrs70 {
      margin-right: 70px !important;
    }
    .u-mrs75 {
      margin-right: 75px !important;
    }
    .u-mrs80 {
      margin-right: 80px !important;
    }
    .u-mrs85 {
      margin-right: 85px !important;
    }
    .u-mrs90 {
      margin-right: 90px !important;
    }
    .u-mrs95 {
      margin-right: 95px !important;
    }
    .u-mrs100 {
      margin-right: 100px !important;
    }
    .u-mrs105 {
      margin-right: 105px !important;
    }
    .u-mrs110 {
      margin-right: 110px !important;
    }
    .u-mrs115 {
      margin-right: 115px !important;
    }
    .u-mrs120 {
      margin-right: 120px !important;
    }
    .u-mrs125 {
      margin-right: 125px !important;
    }
    .u-mrs130 {
      margin-right: 130px !important;
    }
    .u-mrs135 {
      margin-right: 135px !important;
    }
    .u-mrs140 {
      margin-right: 140px !important;
    }
    .u-mrs145 {
      margin-right: 145px !important;
    }
    .u-mrs150 {
      margin-right: 150px !important;
    }
    .u-mrs155 {
      margin-right: 155px !important;
    }
    .u-mrs160 {
      margin-right: 160px !important;
    }
    .u-mrs165 {
      margin-right: 165px !important;
    }
    .u-mrs170 {
      margin-right: 170px !important;
    }
    .u-mrs175 {
      margin-right: 175px !important;
    }
    .u-mrs180 {
      margin-right: 180px !important;
    }
    .u-mrs185 {
      margin-right: 185px !important;
    }
    .u-mrs190 {
      margin-right: 190px !important;
    }
    .u-mrs195 {
      margin-right: 195px !important;
    }
    .u-mrs200 {
      margin-right: 200px !important;
    }
    .u-mbs0 {
      margin-bottom: 0px !important;
    }
    .u-mbs5 {
      margin-bottom: 5px !important;
    }
    .u-mbs10 {
      margin-bottom: 10px !important;
    }
    .u-mbs15 {
      margin-bottom: 15px !important;
    }
    .u-mbs20 {
      margin-bottom: 20px !important;
    }
    .u-mbs25 {
      margin-bottom: 25px !important;
    }
    .u-mbs30 {
      margin-bottom: 30px !important;
    }
    .u-mbs35 {
      margin-bottom: 35px !important;
    }
    .u-mbs40 {
      margin-bottom: 40px !important;
    }
    .u-mbs45 {
      margin-bottom: 45px !important;
    }
    .u-mbs50 {
      margin-bottom: 50px !important;
    }
    .u-mbs55 {
      margin-bottom: 55px !important;
    }
    .u-mbs60 {
      margin-bottom: 60px !important;
    }
    .u-mbs65 {
      margin-bottom: 65px !important;
    }
    .u-mbs70 {
      margin-bottom: 70px !important;
    }
    .u-mbs75 {
      margin-bottom: 75px !important;
    }
    .u-mbs80 {
      margin-bottom: 80px !important;
    }
    .u-mbs85 {
      margin-bottom: 85px !important;
    }
    .u-mbs90 {
      margin-bottom: 90px !important;
    }
    .u-mbs95 {
      margin-bottom: 95px !important;
    }
    .u-mbs100 {
      margin-bottom: 100px !important;
    }
    .u-mbs105 {
      margin-bottom: 105px !important;
    }
    .u-mbs110 {
      margin-bottom: 110px !important;
    }
    .u-mbs115 {
      margin-bottom: 115px !important;
    }
    .u-mbs120 {
      margin-bottom: 120px !important;
    }
    .u-mbs125 {
      margin-bottom: 125px !important;
    }
    .u-mbs130 {
      margin-bottom: 130px !important;
    }
    .u-mbs135 {
      margin-bottom: 135px !important;
    }
    .u-mbs140 {
      margin-bottom: 140px !important;
    }
    .u-mbs145 {
      margin-bottom: 145px !important;
    }
    .u-mbs150 {
      margin-bottom: 150px !important;
    }
    .u-mbs155 {
      margin-bottom: 155px !important;
    }
    .u-mbs160 {
      margin-bottom: 160px !important;
    }
    .u-mbs165 {
      margin-bottom: 165px !important;
    }
    .u-mbs170 {
      margin-bottom: 170px !important;
    }
    .u-mbs175 {
      margin-bottom: 175px !important;
    }
    .u-mbs180 {
      margin-bottom: 180px !important;
    }
    .u-mbs185 {
      margin-bottom: 185px !important;
    }
    .u-mbs190 {
      margin-bottom: 190px !important;
    }
    .u-mbs195 {
      margin-bottom: 195px !important;
    }
    .u-mbs200 {
      margin-bottom: 200px !important;
    }
    .u-mls0 {
      margin-left: 0px !important;
    }
    .u-mls5 {
      margin-left: 5px !important;
    }
    .u-mls10 {
      margin-left: 10px !important;
    }
    .u-mls15 {
      margin-left: 15px !important;
    }
    .u-mls20 {
      margin-left: 20px !important;
    }
    .u-mls25 {
      margin-left: 25px !important;
    }
    .u-mls30 {
      margin-left: 30px !important;
    }
    .u-mls35 {
      margin-left: 35px !important;
    }
    .u-mls40 {
      margin-left: 40px !important;
    }
    .u-mls45 {
      margin-left: 45px !important;
    }
    .u-mls50 {
      margin-left: 50px !important;
    }
    .u-mls55 {
      margin-left: 55px !important;
    }
    .u-mls60 {
      margin-left: 60px !important;
    }
    .u-mls65 {
      margin-left: 65px !important;
    }
    .u-mls70 {
      margin-left: 70px !important;
    }
    .u-mls75 {
      margin-left: 75px !important;
    }
    .u-mls80 {
      margin-left: 80px !important;
    }
    .u-mls85 {
      margin-left: 85px !important;
    }
    .u-mls90 {
      margin-left: 90px !important;
    }
    .u-mls95 {
      margin-left: 95px !important;
    }
    .u-mls100 {
      margin-left: 100px !important;
    }
    .u-mls105 {
      margin-left: 105px !important;
    }
    .u-mls110 {
      margin-left: 110px !important;
    }
    .u-mls115 {
      margin-left: 115px !important;
    }
    .u-mls120 {
      margin-left: 120px !important;
    }
    .u-mls125 {
      margin-left: 125px !important;
    }
    .u-mls130 {
      margin-left: 130px !important;
    }
    .u-mls135 {
      margin-left: 135px !important;
    }
    .u-mls140 {
      margin-left: 140px !important;
    }
    .u-mls145 {
      margin-left: 145px !important;
    }
    .u-mls150 {
      margin-left: 150px !important;
    }
    .u-mls155 {
      margin-left: 155px !important;
    }
    .u-mls160 {
      margin-left: 160px !important;
    }
    .u-mls165 {
      margin-left: 165px !important;
    }
    .u-mls170 {
      margin-left: 170px !important;
    }
    .u-mls175 {
      margin-left: 175px !important;
    }
    .u-mls180 {
      margin-left: 180px !important;
    }
    .u-mls185 {
      margin-left: 185px !important;
    }
    .u-mls190 {
      margin-left: 190px !important;
    }
    .u-mls195 {
      margin-left: 195px !important;
    }
    .u-mls200 {
      margin-left: 200px !important;
    }
  }

  /* screen size M
- - - - - - - - - - - - - - - - - - */
  @media print, screen and (min-width: 768px) {
    .u-mtm0 {
      margin-top: 0px !important;
    }
    .u-mtm5 {
      margin-top: 5px !important;
    }
    .u-mtm10 {
      margin-top: 10px !important;
    }
    .u-mtm15 {
      margin-top: 15px !important;
    }
    .u-mtm20 {
      margin-top: 20px !important;
    }
    .u-mtm25 {
      margin-top: 25px !important;
    }
    .u-mtm30 {
      margin-top: 30px !important;
    }
    .u-mtm35 {
      margin-top: 35px !important;
    }
    .u-mtm40 {
      margin-top: 40px !important;
    }
    .u-mtm45 {
      margin-top: 45px !important;
    }
    .u-mtm50 {
      margin-top: 50px !important;
    }
    .u-mtm55 {
      margin-top: 55px !important;
    }
    .u-mtm60 {
      margin-top: 60px !important;
    }
    .u-mtm65 {
      margin-top: 65px !important;
    }
    .u-mtm70 {
      margin-top: 70px !important;
    }
    .u-mtm75 {
      margin-top: 75px !important;
    }
    .u-mtm80 {
      margin-top: 80px !important;
    }
    .u-mtm85 {
      margin-top: 85px !important;
    }
    .u-mtm90 {
      margin-top: 90px !important;
    }
    .u-mtm95 {
      margin-top: 95px !important;
    }
    .u-mtm100 {
      margin-top: 100px !important;
    }
    .u-mtm105 {
      margin-top: 105px !important;
    }
    .u-mtm110 {
      margin-top: 110px !important;
    }
    .u-mtm115 {
      margin-top: 115px !important;
    }
    .u-mtm120 {
      margin-top: 120px !important;
    }
    .u-mtm125 {
      margin-top: 125px !important;
    }
    .u-mtm130 {
      margin-top: 130px !important;
    }
    .u-mtm135 {
      margin-top: 135px !important;
    }
    .u-mtm140 {
      margin-top: 140px !important;
    }
    .u-mtm145 {
      margin-top: 145px !important;
    }
    .u-mtm150 {
      margin-top: 150px !important;
    }
    .u-mtm155 {
      margin-top: 155px !important;
    }
    .u-mtm160 {
      margin-top: 160px !important;
    }
    .u-mtm165 {
      margin-top: 165px !important;
    }
    .u-mtm170 {
      margin-top: 170px !important;
    }
    .u-mtm175 {
      margin-top: 175px !important;
    }
    .u-mtm180 {
      margin-top: 180px !important;
    }
    .u-mtm185 {
      margin-top: 185px !important;
    }
    .u-mtm190 {
      margin-top: 190px !important;
    }
    .u-mtm195 {
      margin-top: 195px !important;
    }
    .u-mtm200 {
      margin-top: 200px !important;
    }
    .u-mrm0 {
      margin-right: 0px !important;
    }
    .u-mrm5 {
      margin-right: 5px !important;
    }
    .u-mrm10 {
      margin-right: 10px !important;
    }
    .u-mrm15 {
      margin-right: 15px !important;
    }
    .u-mrm20 {
      margin-right: 20px !important;
    }
    .u-mrm25 {
      margin-right: 25px !important;
    }
    .u-mrm30 {
      margin-right: 30px !important;
    }
    .u-mrm35 {
      margin-right: 35px !important;
    }
    .u-mrm40 {
      margin-right: 40px !important;
    }
    .u-mrm45 {
      margin-right: 45px !important;
    }
    .u-mrm50 {
      margin-right: 50px !important;
    }
    .u-mrm55 {
      margin-right: 55px !important;
    }
    .u-mrm60 {
      margin-right: 60px !important;
    }
    .u-mrm65 {
      margin-right: 65px !important;
    }
    .u-mrm70 {
      margin-right: 70px !important;
    }
    .u-mrm75 {
      margin-right: 75px !important;
    }
    .u-mrm80 {
      margin-right: 80px !important;
    }
    .u-mrm85 {
      margin-right: 85px !important;
    }
    .u-mrm90 {
      margin-right: 90px !important;
    }
    .u-mrm95 {
      margin-right: 95px !important;
    }
    .u-mrm100 {
      margin-right: 100px !important;
    }
    .u-mrm105 {
      margin-right: 105px !important;
    }
    .u-mrm110 {
      margin-right: 110px !important;
    }
    .u-mrm115 {
      margin-right: 115px !important;
    }
    .u-mrm120 {
      margin-right: 120px !important;
    }
    .u-mrm125 {
      margin-right: 125px !important;
    }
    .u-mrm130 {
      margin-right: 130px !important;
    }
    .u-mrm135 {
      margin-right: 135px !important;
    }
    .u-mrm140 {
      margin-right: 140px !important;
    }
    .u-mrm145 {
      margin-right: 145px !important;
    }
    .u-mrm150 {
      margin-right: 150px !important;
    }
    .u-mrm155 {
      margin-right: 155px !important;
    }
    .u-mrm160 {
      margin-right: 160px !important;
    }
    .u-mrm165 {
      margin-right: 165px !important;
    }
    .u-mrm170 {
      margin-right: 170px !important;
    }
    .u-mrm175 {
      margin-right: 175px !important;
    }
    .u-mrm180 {
      margin-right: 180px !important;
    }
    .u-mrm185 {
      margin-right: 185px !important;
    }
    .u-mrm190 {
      margin-right: 190px !important;
    }
    .u-mrm195 {
      margin-right: 195px !important;
    }
    .u-mrm200 {
      margin-right: 200px !important;
    }
    .u-mbm0 {
      margin-bottom: 0px !important;
    }
    .u-mbm5 {
      margin-bottom: 5px !important;
    }
    .u-mbm10 {
      margin-bottom: 10px !important;
    }
    .u-mbm15 {
      margin-bottom: 15px !important;
    }
    .u-mbm20 {
      margin-bottom: 20px !important;
    }
    .u-mbm25 {
      margin-bottom: 25px !important;
    }
    .u-mbm30 {
      margin-bottom: 30px !important;
    }
    .u-mbm35 {
      margin-bottom: 35px !important;
    }
    .u-mbm40 {
      margin-bottom: 40px !important;
    }
    .u-mbm45 {
      margin-bottom: 45px !important;
    }
    .u-mbm50 {
      margin-bottom: 50px !important;
    }
    .u-mbm55 {
      margin-bottom: 55px !important;
    }
    .u-mbm60 {
      margin-bottom: 60px !important;
    }
    .u-mbm65 {
      margin-bottom: 65px !important;
    }
    .u-mbm70 {
      margin-bottom: 70px !important;
    }
    .u-mbm75 {
      margin-bottom: 75px !important;
    }
    .u-mbm80 {
      margin-bottom: 80px !important;
    }
    .u-mbm85 {
      margin-bottom: 85px !important;
    }
    .u-mbm90 {
      margin-bottom: 90px !important;
    }
    .u-mbm95 {
      margin-bottom: 95px !important;
    }
    .u-mbm100 {
      margin-bottom: 100px !important;
    }
    .u-mbm105 {
      margin-bottom: 105px !important;
    }
    .u-mbm110 {
      margin-bottom: 110px !important;
    }
    .u-mbm115 {
      margin-bottom: 115px !important;
    }
    .u-mbm120 {
      margin-bottom: 120px !important;
    }
    .u-mbm125 {
      margin-bottom: 125px !important;
    }
    .u-mbm130 {
      margin-bottom: 130px !important;
    }
    .u-mbm135 {
      margin-bottom: 135px !important;
    }
    .u-mbm140 {
      margin-bottom: 140px !important;
    }
    .u-mbm145 {
      margin-bottom: 145px !important;
    }
    .u-mbm150 {
      margin-bottom: 150px !important;
    }
    .u-mbm155 {
      margin-bottom: 155px !important;
    }
    .u-mbm160 {
      margin-bottom: 160px !important;
    }
    .u-mbm165 {
      margin-bottom: 165px !important;
    }
    .u-mbm170 {
      margin-bottom: 170px !important;
    }
    .u-mbm175 {
      margin-bottom: 175px !important;
    }
    .u-mbm180 {
      margin-bottom: 180px !important;
    }
    .u-mbm185 {
      margin-bottom: 185px !important;
    }
    .u-mbm190 {
      margin-bottom: 190px !important;
    }
    .u-mbm195 {
      margin-bottom: 195px !important;
    }
    .u-mbm200 {
      margin-bottom: 200px !important;
    }
    .u-mlm0 {
      margin-left: 0px !important;
    }
    .u-mlm5 {
      margin-left: 5px !important;
    }
    .u-mlm10 {
      margin-left: 10px !important;
    }
    .u-mlm15 {
      margin-left: 15px !important;
    }
    .u-mlm20 {
      margin-left: 20px !important;
    }
    .u-mlm25 {
      margin-left: 25px !important;
    }
    .u-mlm30 {
      margin-left: 30px !important;
    }
    .u-mlm35 {
      margin-left: 35px !important;
    }
    .u-mlm40 {
      margin-left: 40px !important;
    }
    .u-mlm45 {
      margin-left: 45px !important;
    }
    .u-mlm50 {
      margin-left: 50px !important;
    }
    .u-mlm55 {
      margin-left: 55px !important;
    }
    .u-mlm60 {
      margin-left: 60px !important;
    }
    .u-mlm65 {
      margin-left: 65px !important;
    }
    .u-mlm70 {
      margin-left: 70px !important;
    }
    .u-mlm75 {
      margin-left: 75px !important;
    }
    .u-mlm80 {
      margin-left: 80px !important;
    }
    .u-mlm85 {
      margin-left: 85px !important;
    }
    .u-mlm90 {
      margin-left: 90px !important;
    }
    .u-mlm95 {
      margin-left: 95px !important;
    }
    .u-mlm100 {
      margin-left: 100px !important;
    }
    .u-mlm105 {
      margin-left: 105px !important;
    }
    .u-mlm110 {
      margin-left: 110px !important;
    }
    .u-mlm115 {
      margin-left: 115px !important;
    }
    .u-mlm120 {
      margin-left: 120px !important;
    }
    .u-mlm125 {
      margin-left: 125px !important;
    }
    .u-mlm130 {
      margin-left: 130px !important;
    }
    .u-mlm135 {
      margin-left: 135px !important;
    }
    .u-mlm140 {
      margin-left: 140px !important;
    }
    .u-mlm145 {
      margin-left: 145px !important;
    }
    .u-mlm150 {
      margin-left: 150px !important;
    }
    .u-mlm155 {
      margin-left: 155px !important;
    }
    .u-mlm160 {
      margin-left: 160px !important;
    }
    .u-mlm165 {
      margin-left: 165px !important;
    }
    .u-mlm170 {
      margin-left: 170px !important;
    }
    .u-mlm175 {
      margin-left: 175px !important;
    }
    .u-mlm180 {
      margin-left: 180px !important;
    }
    .u-mlm185 {
      margin-left: 185px !important;
    }
    .u-mlm190 {
      margin-left: 190px !important;
    }
    .u-mlm195 {
      margin-left: 195px !important;
    }
    .u-mlm200 {
      margin-left: 200px !important;
    }
  }

  /* screen size L
- - - - - - - - - - - - - - - - - - */
  @media print, screen and (min-width: 1020px) {
    .u-mtl0 {
      margin-top: 0px !important;
    }
    .u-mtl5 {
      margin-top: 5px !important;
    }
    .u-mtl10 {
      margin-top: 10px !important;
    }
    .u-mtl15 {
      margin-top: 15px !important;
    }
    .u-mtl20 {
      margin-top: 20px !important;
    }
    .u-mtl25 {
      margin-top: 25px !important;
    }
    .u-mtl30 {
      margin-top: 30px !important;
    }
    .u-mtl35 {
      margin-top: 35px !important;
    }
    .u-mtl40 {
      margin-top: 40px !important;
    }
    .u-mtl45 {
      margin-top: 45px !important;
    }
    .u-mtl50 {
      margin-top: 50px !important;
    }
    .u-mtl55 {
      margin-top: 55px !important;
    }
    .u-mtl60 {
      margin-top: 60px !important;
    }
    .u-mtl65 {
      margin-top: 65px !important;
    }
    .u-mtl70 {
      margin-top: 70px !important;
    }
    .u-mtl75 {
      margin-top: 75px !important;
    }
    .u-mtl80 {
      margin-top: 80px !important;
    }
    .u-mtl85 {
      margin-top: 85px !important;
    }
    .u-mtl90 {
      margin-top: 90px !important;
    }
    .u-mtl95 {
      margin-top: 95px !important;
    }
    .u-mtl100 {
      margin-top: 100px !important;
    }
    .u-mtl105 {
      margin-top: 105px !important;
    }
    .u-mtl110 {
      margin-top: 110px !important;
    }
    .u-mtl115 {
      margin-top: 115px !important;
    }
    .u-mtl120 {
      margin-top: 120px !important;
    }
    .u-mtl125 {
      margin-top: 125px !important;
    }
    .u-mtl130 {
      margin-top: 130px !important;
    }
    .u-mtl135 {
      margin-top: 135px !important;
    }
    .u-mtl140 {
      margin-top: 140px !important;
    }
    .u-mtl145 {
      margin-top: 145px !important;
    }
    .u-mtl150 {
      margin-top: 150px !important;
    }
    .u-mtl155 {
      margin-top: 155px !important;
    }
    .u-mtl160 {
      margin-top: 160px !important;
    }
    .u-mtl165 {
      margin-top: 165px !important;
    }
    .u-mtl170 {
      margin-top: 170px !important;
    }
    .u-mtl175 {
      margin-top: 175px !important;
    }
    .u-mtl180 {
      margin-top: 180px !important;
    }
    .u-mtl185 {
      margin-top: 185px !important;
    }
    .u-mtl190 {
      margin-top: 190px !important;
    }
    .u-mtl195 {
      margin-top: 195px !important;
    }
    .u-mtl200 {
      margin-top: 200px !important;
    }
    .u-mrl0 {
      margin-right: 0px !important;
    }
    .u-mrl5 {
      margin-right: 5px !important;
    }
    .u-mrl10 {
      margin-right: 10px !important;
    }
    .u-mrl15 {
      margin-right: 15px !important;
    }
    .u-mrl20 {
      margin-right: 20px !important;
    }
    .u-mrl25 {
      margin-right: 25px !important;
    }
    .u-mrl30 {
      margin-right: 30px !important;
    }
    .u-mrl35 {
      margin-right: 35px !important;
    }
    .u-mrl40 {
      margin-right: 40px !important;
    }
    .u-mrl45 {
      margin-right: 45px !important;
    }
    .u-mrl50 {
      margin-right: 50px !important;
    }
    .u-mrl55 {
      margin-right: 55px !important;
    }
    .u-mrl60 {
      margin-right: 60px !important;
    }
    .u-mrl65 {
      margin-right: 65px !important;
    }
    .u-mrl70 {
      margin-right: 70px !important;
    }
    .u-mrl75 {
      margin-right: 75px !important;
    }
    .u-mrl80 {
      margin-right: 80px !important;
    }
    .u-mrl85 {
      margin-right: 85px !important;
    }
    .u-mrl90 {
      margin-right: 90px !important;
    }
    .u-mrl95 {
      margin-right: 95px !important;
    }
    .u-mrl100 {
      margin-right: 100px !important;
    }
    .u-mrl105 {
      margin-right: 105px !important;
    }
    .u-mrl110 {
      margin-right: 110px !important;
    }
    .u-mrl115 {
      margin-right: 115px !important;
    }
    .u-mrl120 {
      margin-right: 120px !important;
    }
    .u-mrl125 {
      margin-right: 125px !important;
    }
    .u-mrl130 {
      margin-right: 130px !important;
    }
    .u-mrl135 {
      margin-right: 135px !important;
    }
    .u-mrl140 {
      margin-right: 140px !important;
    }
    .u-mrl145 {
      margin-right: 145px !important;
    }
    .u-mrl150 {
      margin-right: 150px !important;
    }
    .u-mrl155 {
      margin-right: 155px !important;
    }
    .u-mrl160 {
      margin-right: 160px !important;
    }
    .u-mrl165 {
      margin-right: 165px !important;
    }
    .u-mrl170 {
      margin-right: 170px !important;
    }
    .u-mrl175 {
      margin-right: 175px !important;
    }
    .u-mrl180 {
      margin-right: 180px !important;
    }
    .u-mrl185 {
      margin-right: 185px !important;
    }
    .u-mrl190 {
      margin-right: 190px !important;
    }
    .u-mrl195 {
      margin-right: 195px !important;
    }
    .u-mrl200 {
      margin-right: 200px !important;
    }
    .u-mbl0 {
      margin-bottom: 0px !important;
    }
    .u-mbl5 {
      margin-bottom: 5px !important;
    }
    .u-mbl10 {
      margin-bottom: 10px !important;
    }
    .u-mbl15 {
      margin-bottom: 15px !important;
    }
    .u-mbl20 {
      margin-bottom: 20px !important;
    }
    .u-mbl25 {
      margin-bottom: 25px !important;
    }
    .u-mbl30 {
      margin-bottom: 30px !important;
    }
    .u-mbl35 {
      margin-bottom: 35px !important;
    }
    .u-mbl40 {
      margin-bottom: 40px !important;
    }
    .u-mbl45 {
      margin-bottom: 45px !important;
    }
    .u-mbl50 {
      margin-bottom: 50px !important;
    }
    .u-mbl55 {
      margin-bottom: 55px !important;
    }
    .u-mbl60 {
      margin-bottom: 60px !important;
    }
    .u-mbl65 {
      margin-bottom: 65px !important;
    }
    .u-mbl70 {
      margin-bottom: 70px !important;
    }
    .u-mbl75 {
      margin-bottom: 75px !important;
    }
    .u-mbl80 {
      margin-bottom: 80px !important;
    }
    .u-mbl85 {
      margin-bottom: 85px !important;
    }
    .u-mbl90 {
      margin-bottom: 90px !important;
    }
    .u-mbl95 {
      margin-bottom: 95px !important;
    }
    .u-mbl100 {
      margin-bottom: 100px !important;
    }
    .u-mbl105 {
      margin-bottom: 105px !important;
    }
    .u-mbl110 {
      margin-bottom: 110px !important;
    }
    .u-mbl115 {
      margin-bottom: 115px !important;
    }
    .u-mbl120 {
      margin-bottom: 120px !important;
    }
    .u-mbl125 {
      margin-bottom: 125px !important;
    }
    .u-mbl130 {
      margin-bottom: 130px !important;
    }
    .u-mbl135 {
      margin-bottom: 135px !important;
    }
    .u-mbl140 {
      margin-bottom: 140px !important;
    }
    .u-mbl145 {
      margin-bottom: 145px !important;
    }
    .u-mbl150 {
      margin-bottom: 150px !important;
    }
    .u-mbl155 {
      margin-bottom: 155px !important;
    }
    .u-mbl160 {
      margin-bottom: 160px !important;
    }
    .u-mbl165 {
      margin-bottom: 165px !important;
    }
    .u-mbl170 {
      margin-bottom: 170px !important;
    }
    .u-mbl175 {
      margin-bottom: 175px !important;
    }
    .u-mbl180 {
      margin-bottom: 180px !important;
    }
    .u-mbl185 {
      margin-bottom: 185px !important;
    }
    .u-mbl190 {
      margin-bottom: 190px !important;
    }
    .u-mbl195 {
      margin-bottom: 195px !important;
    }
    .u-mbl200 {
      margin-bottom: 200px !important;
    }
    .u-mll0 {
      margin-left: 0px !important;
    }
    .u-mll5 {
      margin-left: 5px !important;
    }
    .u-mll10 {
      margin-left: 10px !important;
    }
    .u-mll15 {
      margin-left: 15px !important;
    }
    .u-mll20 {
      margin-left: 20px !important;
    }
    .u-mll25 {
      margin-left: 25px !important;
    }
    .u-mll30 {
      margin-left: 30px !important;
    }
    .u-mll35 {
      margin-left: 35px !important;
    }
    .u-mll40 {
      margin-left: 40px !important;
    }
    .u-mll45 {
      margin-left: 45px !important;
    }
    .u-mll50 {
      margin-left: 50px !important;
    }
    .u-mll55 {
      margin-left: 55px !important;
    }
    .u-mll60 {
      margin-left: 60px !important;
    }
    .u-mll65 {
      margin-left: 65px !important;
    }
    .u-mll70 {
      margin-left: 70px !important;
    }
    .u-mll75 {
      margin-left: 75px !important;
    }
    .u-mll80 {
      margin-left: 80px !important;
    }
    .u-mll85 {
      margin-left: 85px !important;
    }
    .u-mll90 {
      margin-left: 90px !important;
    }
    .u-mll95 {
      margin-left: 95px !important;
    }
    .u-mll100 {
      margin-left: 100px !important;
    }
    .u-mll105 {
      margin-left: 105px !important;
    }
    .u-mll110 {
      margin-left: 110px !important;
    }
    .u-mll115 {
      margin-left: 115px !important;
    }
    .u-mll120 {
      margin-left: 120px !important;
    }
    .u-mll125 {
      margin-left: 125px !important;
    }
    .u-mll130 {
      margin-left: 130px !important;
    }
    .u-mll135 {
      margin-left: 135px !important;
    }
    .u-mll140 {
      margin-left: 140px !important;
    }
    .u-mll145 {
      margin-left: 145px !important;
    }
    .u-mll150 {
      margin-left: 150px !important;
    }
    .u-mll155 {
      margin-left: 155px !important;
    }
    .u-mll160 {
      margin-left: 160px !important;
    }
    .u-mll165 {
      margin-left: 165px !important;
    }
    .u-mll170 {
      margin-left: 170px !important;
    }
    .u-mll175 {
      margin-left: 175px !important;
    }
    .u-mll180 {
      margin-left: 180px !important;
    }
    .u-mll185 {
      margin-left: 185px !important;
    }
    .u-mll190 {
      margin-left: 190px !important;
    }
    .u-mll195 {
      margin-left: 195px !important;
    }
    .u-mll200 {
      margin-left: 200px !important;
    }
  }

  /* screen size XL
- - - - - - - - - - - - - - - - - - */
  @media print, screen and (min-width: 1280px) {
    .u-mtxl0 {
      margin-top: 0px !important;
    }
    .u-mtxl5 {
      margin-top: 5px !important;
    }
    .u-mtxl10 {
      margin-top: 10px !important;
    }
    .u-mtxl15 {
      margin-top: 15px !important;
    }
    .u-mtxl20 {
      margin-top: 20px !important;
    }
    .u-mtxl25 {
      margin-top: 25px !important;
    }
    .u-mtxl30 {
      margin-top: 30px !important;
    }
    .u-mtxl35 {
      margin-top: 35px !important;
    }
    .u-mtxl40 {
      margin-top: 40px !important;
    }
    .u-mtxl45 {
      margin-top: 45px !important;
    }
    .u-mtxl50 {
      margin-top: 50px !important;
    }
    .u-mtxl55 {
      margin-top: 55px !important;
    }
    .u-mtxl60 {
      margin-top: 60px !important;
    }
    .u-mtxl65 {
      margin-top: 65px !important;
    }
    .u-mtxl70 {
      margin-top: 70px !important;
    }
    .u-mtxl75 {
      margin-top: 75px !important;
    }
    .u-mtxl80 {
      margin-top: 80px !important;
    }
    .u-mtxl85 {
      margin-top: 85px !important;
    }
    .u-mtxl90 {
      margin-top: 90px !important;
    }
    .u-mtxl95 {
      margin-top: 95px !important;
    }
    .u-mtxl100 {
      margin-top: 100px !important;
    }
    .u-mtxl105 {
      margin-top: 105px !important;
    }
    .u-mtxl110 {
      margin-top: 110px !important;
    }
    .u-mtxl115 {
      margin-top: 115px !important;
    }
    .u-mtxl120 {
      margin-top: 120px !important;
    }
    .u-mtxl125 {
      margin-top: 125px !important;
    }
    .u-mtxl130 {
      margin-top: 130px !important;
    }
    .u-mtxl135 {
      margin-top: 135px !important;
    }
    .u-mtxl140 {
      margin-top: 140px !important;
    }
    .u-mtxl145 {
      margin-top: 145px !important;
    }
    .u-mtxl150 {
      margin-top: 150px !important;
    }
    .u-mtxl155 {
      margin-top: 155px !important;
    }
    .u-mtxl160 {
      margin-top: 160px !important;
    }
    .u-mtxl165 {
      margin-top: 165px !important;
    }
    .u-mtxl170 {
      margin-top: 170px !important;
    }
    .u-mtxl175 {
      margin-top: 175px !important;
    }
    .u-mtxl180 {
      margin-top: 180px !important;
    }
    .u-mtxl185 {
      margin-top: 185px !important;
    }
    .u-mtxl190 {
      margin-top: 190px !important;
    }
    .u-mtxl195 {
      margin-top: 195px !important;
    }
    .u-mtxl200 {
      margin-top: 200px !important;
    }
    .u-mrxl0 {
      margin-right: 0px !important;
    }
    .u-mrxl5 {
      margin-right: 5px !important;
    }
    .u-mrxl10 {
      margin-right: 10px !important;
    }
    .u-mrxl15 {
      margin-right: 15px !important;
    }
    .u-mrxl20 {
      margin-right: 20px !important;
    }
    .u-mrxl25 {
      margin-right: 25px !important;
    }
    .u-mrxl30 {
      margin-right: 30px !important;
    }
    .u-mrxl35 {
      margin-right: 35px !important;
    }
    .u-mrxl40 {
      margin-right: 40px !important;
    }
    .u-mrxl45 {
      margin-right: 45px !important;
    }
    .u-mrxl50 {
      margin-right: 50px !important;
    }
    .u-mrxl55 {
      margin-right: 55px !important;
    }
    .u-mrxl60 {
      margin-right: 60px !important;
    }
    .u-mrxl65 {
      margin-right: 65px !important;
    }
    .u-mrxl70 {
      margin-right: 70px !important;
    }
    .u-mrxl75 {
      margin-right: 75px !important;
    }
    .u-mrxl80 {
      margin-right: 80px !important;
    }
    .u-mrxl85 {
      margin-right: 85px !important;
    }
    .u-mrxl90 {
      margin-right: 90px !important;
    }
    .u-mrxl95 {
      margin-right: 95px !important;
    }
    .u-mrxl100 {
      margin-right: 100px !important;
    }
    .u-mrxl105 {
      margin-right: 105px !important;
    }
    .u-mrxl110 {
      margin-right: 110px !important;
    }
    .u-mrxl115 {
      margin-right: 115px !important;
    }
    .u-mrxl120 {
      margin-right: 120px !important;
    }
    .u-mrxl125 {
      margin-right: 125px !important;
    }
    .u-mrxl130 {
      margin-right: 130px !important;
    }
    .u-mrxl135 {
      margin-right: 135px !important;
    }
    .u-mrxl140 {
      margin-right: 140px !important;
    }
    .u-mrxl145 {
      margin-right: 145px !important;
    }
    .u-mrxl150 {
      margin-right: 150px !important;
    }
    .u-mrxl155 {
      margin-right: 155px !important;
    }
    .u-mrxl160 {
      margin-right: 160px !important;
    }
    .u-mrxl165 {
      margin-right: 165px !important;
    }
    .u-mrxl170 {
      margin-right: 170px !important;
    }
    .u-mrxl175 {
      margin-right: 175px !important;
    }
    .u-mrxl180 {
      margin-right: 180px !important;
    }
    .u-mrxl185 {
      margin-right: 185px !important;
    }
    .u-mrxl190 {
      margin-right: 190px !important;
    }
    .u-mrxl195 {
      margin-right: 195px !important;
    }
    .u-mrxl200 {
      margin-right: 200px !important;
    }
    .u-mbxl0 {
      margin-bottom: 0px !important;
    }
    .u-mbxl5 {
      margin-bottom: 5px !important;
    }
    .u-mbxl10 {
      margin-bottom: 10px !important;
    }
    .u-mbxl15 {
      margin-bottom: 15px !important;
    }
    .u-mbxl20 {
      margin-bottom: 20px !important;
    }
    .u-mbxl25 {
      margin-bottom: 25px !important;
    }
    .u-mbxl30 {
      margin-bottom: 30px !important;
    }
    .u-mbxl35 {
      margin-bottom: 35px !important;
    }
    .u-mbxl40 {
      margin-bottom: 40px !important;
    }
    .u-mbxl45 {
      margin-bottom: 45px !important;
    }
    .u-mbxl50 {
      margin-bottom: 50px !important;
    }
    .u-mbxl55 {
      margin-bottom: 55px !important;
    }
    .u-mbxl60 {
      margin-bottom: 60px !important;
    }
    .u-mbxl65 {
      margin-bottom: 65px !important;
    }
    .u-mbxl70 {
      margin-bottom: 70px !important;
    }
    .u-mbxl75 {
      margin-bottom: 75px !important;
    }
    .u-mbxl80 {
      margin-bottom: 80px !important;
    }
    .u-mbxl85 {
      margin-bottom: 85px !important;
    }
    .u-mbxl90 {
      margin-bottom: 90px !important;
    }
    .u-mbxl95 {
      margin-bottom: 95px !important;
    }
    .u-mbxl100 {
      margin-bottom: 100px !important;
    }
    .u-mbxl105 {
      margin-bottom: 105px !important;
    }
    .u-mbxl110 {
      margin-bottom: 110px !important;
    }
    .u-mbxl115 {
      margin-bottom: 115px !important;
    }
    .u-mbxl120 {
      margin-bottom: 120px !important;
    }
    .u-mbxl125 {
      margin-bottom: 125px !important;
    }
    .u-mbxl130 {
      margin-bottom: 130px !important;
    }
    .u-mbxl135 {
      margin-bottom: 135px !important;
    }
    .u-mbxl140 {
      margin-bottom: 140px !important;
    }
    .u-mbxl145 {
      margin-bottom: 145px !important;
    }
    .u-mbxl150 {
      margin-bottom: 150px !important;
    }
    .u-mbxl155 {
      margin-bottom: 155px !important;
    }
    .u-mbxl160 {
      margin-bottom: 160px !important;
    }
    .u-mbxl165 {
      margin-bottom: 165px !important;
    }
    .u-mbxl170 {
      margin-bottom: 170px !important;
    }
    .u-mbxl175 {
      margin-bottom: 175px !important;
    }
    .u-mbxl180 {
      margin-bottom: 180px !important;
    }
    .u-mbxl185 {
      margin-bottom: 185px !important;
    }
    .u-mbxl190 {
      margin-bottom: 190px !important;
    }
    .u-mbxl195 {
      margin-bottom: 195px !important;
    }
    .u-mbxl200 {
      margin-bottom: 200px !important;
    }
    .u-mlxl0 {
      margin-left: 0px !important;
    }
    .u-mlxl5 {
      margin-left: 5px !important;
    }
    .u-mlxl10 {
      margin-left: 10px !important;
    }
    .u-mlxl15 {
      margin-left: 15px !important;
    }
    .u-mlxl20 {
      margin-left: 20px !important;
    }
    .u-mlxl25 {
      margin-left: 25px !important;
    }
    .u-mlxl30 {
      margin-left: 30px !important;
    }
    .u-mlxl35 {
      margin-left: 35px !important;
    }
    .u-mlxl40 {
      margin-left: 40px !important;
    }
    .u-mlxl45 {
      margin-left: 45px !important;
    }
    .u-mlxl50 {
      margin-left: 50px !important;
    }
    .u-mlxl55 {
      margin-left: 55px !important;
    }
    .u-mlxl60 {
      margin-left: 60px !important;
    }
    .u-mlxl65 {
      margin-left: 65px !important;
    }
    .u-mlxl70 {
      margin-left: 70px !important;
    }
    .u-mlxl75 {
      margin-left: 75px !important;
    }
    .u-mlxl80 {
      margin-left: 80px !important;
    }
    .u-mlxl85 {
      margin-left: 85px !important;
    }
    .u-mlxl90 {
      margin-left: 90px !important;
    }
    .u-mlxl95 {
      margin-left: 95px !important;
    }
    .u-mlxl100 {
      margin-left: 100px !important;
    }
    .u-mlxl105 {
      margin-left: 105px !important;
    }
    .u-mlxl110 {
      margin-left: 110px !important;
    }
    .u-mlxl115 {
      margin-left: 115px !important;
    }
    .u-mlxl120 {
      margin-left: 120px !important;
    }
    .u-mlxl125 {
      margin-left: 125px !important;
    }
    .u-mlxl130 {
      margin-left: 130px !important;
    }
    .u-mlxl135 {
      margin-left: 135px !important;
    }
    .u-mlxl140 {
      margin-left: 140px !important;
    }
    .u-mlxl145 {
      margin-left: 145px !important;
    }
    .u-mlxl150 {
      margin-left: 150px !important;
    }
    .u-mlxl155 {
      margin-left: 155px !important;
    }
    .u-mlxl160 {
      margin-left: 160px !important;
    }
    .u-mlxl165 {
      margin-left: 165px !important;
    }
    .u-mlxl170 {
      margin-left: 170px !important;
    }
    .u-mlxl175 {
      margin-left: 175px !important;
    }
    .u-mlxl180 {
      margin-left: 180px !important;
    }
    .u-mlxl185 {
      margin-left: 185px !important;
    }
    .u-mlxl190 {
      margin-left: 190px !important;
    }
    .u-mlxl195 {
      margin-left: 195px !important;
    }
    .u-mlxl200 {
      margin-left: 200px !important;
    }
  }

  /* padding controls
------------------------------------------------------------*/
  /* base
- - - - - - - - - - - - - - - - - - */
  .u-pt0 {
    padding-top: 0px !important;
  }

  .u-pt5 {
    padding-top: 5px !important;
  }

  .u-pt10 {
    padding-top: 10px !important;
  }

  .u-pt15 {
    padding-top: 15px !important;
  }

  .u-pt20 {
    padding-top: 20px !important;
  }

  .u-pt25 {
    padding-top: 25px !important;
  }

  .u-pt30 {
    padding-top: 30px !important;
  }

  .u-pt35 {
    padding-top: 35px !important;
  }

  .u-pt40 {
    padding-top: 40px !important;
  }

  .u-pt45 {
    padding-top: 45px !important;
  }

  .u-pt50 {
    padding-top: 50px !important;
  }

  .u-pt55 {
    padding-top: 55px !important;
  }

  .u-pt60 {
    padding-top: 60px !important;
  }

  .u-pt65 {
    padding-top: 65px !important;
  }

  .u-pt70 {
    padding-top: 70px !important;
  }

  .u-pt75 {
    padding-top: 75px !important;
  }

  .u-pt80 {
    padding-top: 80px !important;
  }

  .u-pt85 {
    padding-top: 85px !important;
  }

  .u-pt90 {
    padding-top: 90px !important;
  }

  .u-pt95 {
    padding-top: 95px !important;
  }

  .u-pt100 {
    padding-top: 100px !important;
  }

  .u-pt105 {
    padding-top: 105px !important;
  }

  .u-pt110 {
    padding-top: 110px !important;
  }

  .u-pt115 {
    padding-top: 115px !important;
  }

  .u-pt120 {
    padding-top: 120px !important;
  }

  .u-pt125 {
    padding-top: 125px !important;
  }

  .u-pt130 {
    padding-top: 130px !important;
  }

  .u-pt135 {
    padding-top: 135px !important;
  }

  .u-pt140 {
    padding-top: 140px !important;
  }

  .u-pt145 {
    padding-top: 145px !important;
  }

  .u-pt150 {
    padding-top: 150px !important;
  }

  .u-pt155 {
    padding-top: 155px !important;
  }

  .u-pt160 {
    padding-top: 160px !important;
  }

  .u-pt165 {
    padding-top: 165px !important;
  }

  .u-pt170 {
    padding-top: 170px !important;
  }

  .u-pt175 {
    padding-top: 175px !important;
  }

  .u-pt180 {
    padding-top: 180px !important;
  }

  .u-pt185 {
    padding-top: 185px !important;
  }

  .u-pt190 {
    padding-top: 190px !important;
  }

  .u-pt195 {
    padding-top: 195px !important;
  }

  .u-pt200 {
    padding-top: 200px !important;
  }

  .u-pr0 {
    padding-right: 0px !important;
  }

  .u-pr5 {
    padding-right: 5px !important;
  }

  .u-pr10 {
    padding-right: 10px !important;
  }

  .u-pr15 {
    padding-right: 15px !important;
  }

  .u-pr20 {
    padding-right: 20px !important;
  }

  .u-pr25 {
    padding-right: 25px !important;
  }

  .u-pr30 {
    padding-right: 30px !important;
  }

  .u-pr35 {
    padding-right: 35px !important;
  }

  .u-pr40 {
    padding-right: 40px !important;
  }

  .u-pr45 {
    padding-right: 45px !important;
  }

  .u-pr50 {
    padding-right: 50px !important;
  }

  .u-pr55 {
    padding-right: 55px !important;
  }

  .u-pr60 {
    padding-right: 60px !important;
  }

  .u-pr65 {
    padding-right: 65px !important;
  }

  .u-pr70 {
    padding-right: 70px !important;
  }

  .u-pr75 {
    padding-right: 75px !important;
  }

  .u-pr80 {
    padding-right: 80px !important;
  }

  .u-pr85 {
    padding-right: 85px !important;
  }

  .u-pr90 {
    padding-right: 90px !important;
  }

  .u-pr95 {
    padding-right: 95px !important;
  }

  .u-pr100 {
    padding-right: 100px !important;
  }

  .u-pr105 {
    padding-right: 105px !important;
  }

  .u-pr110 {
    padding-right: 110px !important;
  }

  .u-pr115 {
    padding-right: 115px !important;
  }

  .u-pr120 {
    padding-right: 120px !important;
  }

  .u-pr125 {
    padding-right: 125px !important;
  }

  .u-pr130 {
    padding-right: 130px !important;
  }

  .u-pr135 {
    padding-right: 135px !important;
  }

  .u-pr140 {
    padding-right: 140px !important;
  }

  .u-pr145 {
    padding-right: 145px !important;
  }

  .u-pr150 {
    padding-right: 150px !important;
  }

  .u-pr155 {
    padding-right: 155px !important;
  }

  .u-pr160 {
    padding-right: 160px !important;
  }

  .u-pr165 {
    padding-right: 165px !important;
  }

  .u-pr170 {
    padding-right: 170px !important;
  }

  .u-pr175 {
    padding-right: 175px !important;
  }

  .u-pr180 {
    padding-right: 180px !important;
  }

  .u-pr185 {
    padding-right: 185px !important;
  }

  .u-pr190 {
    padding-right: 190px !important;
  }

  .u-pr195 {
    padding-right: 195px !important;
  }

  .u-pr200 {
    padding-right: 200px !important;
  }

  .u-pb0 {
    padding-bottom: 0px !important;
  }

  .u-pb5 {
    padding-bottom: 5px !important;
  }

  .u-pb10 {
    padding-bottom: 10px !important;
  }

  .u-pb15 {
    padding-bottom: 15px !important;
  }

  .u-pb20 {
    padding-bottom: 20px !important;
  }

  .u-pb25 {
    padding-bottom: 25px !important;
  }

  .u-pb30 {
    padding-bottom: 30px !important;
  }

  .u-pb35 {
    padding-bottom: 35px !important;
  }

  .u-pb40 {
    padding-bottom: 40px !important;
  }

  .u-pb45 {
    padding-bottom: 45px !important;
  }

  .u-pb50 {
    padding-bottom: 50px !important;
  }

  .u-pb55 {
    padding-bottom: 55px !important;
  }

  .u-pb60 {
    padding-bottom: 60px !important;
  }

  .u-pb65 {
    padding-bottom: 65px !important;
  }

  .u-pb70 {
    padding-bottom: 70px !important;
  }

  .u-pb75 {
    padding-bottom: 75px !important;
  }

  .u-pb80 {
    padding-bottom: 80px !important;
  }

  .u-pb85 {
    padding-bottom: 85px !important;
  }

  .u-pb90 {
    padding-bottom: 90px !important;
  }

  .u-pb95 {
    padding-bottom: 95px !important;
  }

  .u-pb100 {
    padding-bottom: 100px !important;
  }

  .u-pb105 {
    padding-bottom: 105px !important;
  }

  .u-pb110 {
    padding-bottom: 110px !important;
  }

  .u-pb115 {
    padding-bottom: 115px !important;
  }

  .u-pb120 {
    padding-bottom: 120px !important;
  }

  .u-pb125 {
    padding-bottom: 125px !important;
  }

  .u-pb130 {
    padding-bottom: 130px !important;
  }

  .u-pb135 {
    padding-bottom: 135px !important;
  }

  .u-pb140 {
    padding-bottom: 140px !important;
  }

  .u-pb145 {
    padding-bottom: 145px !important;
  }

  .u-pb150 {
    padding-bottom: 150px !important;
  }

  .u-pb155 {
    padding-bottom: 155px !important;
  }

  .u-pb160 {
    padding-bottom: 160px !important;
  }

  .u-pb165 {
    padding-bottom: 165px !important;
  }

  .u-pb170 {
    padding-bottom: 170px !important;
  }

  .u-pb175 {
    padding-bottom: 175px !important;
  }

  .u-pb180 {
    padding-bottom: 180px !important;
  }

  .u-pb185 {
    padding-bottom: 185px !important;
  }

  .u-pb190 {
    padding-bottom: 190px !important;
  }

  .u-pb195 {
    padding-bottom: 195px !important;
  }

  .u-pb200 {
    padding-bottom: 200px !important;
  }

  .u-pl0 {
    padding-left: 0px !important;
  }

  .u-pl5 {
    padding-left: 5px !important;
  }

  .u-pl10 {
    padding-left: 10px !important;
  }

  .u-pl15 {
    padding-left: 15px !important;
  }

  .u-pl20 {
    padding-left: 20px !important;
  }

  .u-pl25 {
    padding-left: 25px !important;
  }

  .u-pl30 {
    padding-left: 30px !important;
  }

  .u-pl35 {
    padding-left: 35px !important;
  }

  .u-pl40 {
    padding-left: 40px !important;
  }

  .u-pl45 {
    padding-left: 45px !important;
  }

  .u-pl50 {
    padding-left: 50px !important;
  }

  .u-pl55 {
    padding-left: 55px !important;
  }

  .u-pl60 {
    padding-left: 60px !important;
  }

  .u-pl65 {
    padding-left: 65px !important;
  }

  .u-pl70 {
    padding-left: 70px !important;
  }

  .u-pl75 {
    padding-left: 75px !important;
  }

  .u-pl80 {
    padding-left: 80px !important;
  }

  .u-pl85 {
    padding-left: 85px !important;
  }

  .u-pl90 {
    padding-left: 90px !important;
  }

  .u-pl95 {
    padding-left: 95px !important;
  }

  .u-pl100 {
    padding-left: 100px !important;
  }

  .u-pl105 {
    padding-left: 105px !important;
  }

  .u-pl110 {
    padding-left: 110px !important;
  }

  .u-pl115 {
    padding-left: 115px !important;
  }

  .u-pl120 {
    padding-left: 120px !important;
  }

  .u-pl125 {
    padding-left: 125px !important;
  }

  .u-pl130 {
    padding-left: 130px !important;
  }

  .u-pl135 {
    padding-left: 135px !important;
  }

  .u-pl140 {
    padding-left: 140px !important;
  }

  .u-pl145 {
    padding-left: 145px !important;
  }

  .u-pl150 {
    padding-left: 150px !important;
  }

  .u-pl155 {
    padding-left: 155px !important;
  }

  .u-pl160 {
    padding-left: 160px !important;
  }

  .u-pl165 {
    padding-left: 165px !important;
  }

  .u-pl170 {
    padding-left: 170px !important;
  }

  .u-pl175 {
    padding-left: 175px !important;
  }

  .u-pl180 {
    padding-left: 180px !important;
  }

  .u-pl185 {
    padding-left: 185px !important;
  }

  .u-pl190 {
    padding-left: 190px !important;
  }

  .u-pl195 {
    padding-left: 195px !important;
  }

  .u-pl200 {
    padding-left: 200px !important;
  }

  /* screen size XS
- - - - - - - - - - - - - - - - - - */
  @media only screen and (min-width: 375px) {
    .u-ptxs0 {
      padding-top: 0px !important;
    }
    .u-ptxs5 {
      padding-top: 5px !important;
    }
    .u-ptxs10 {
      padding-top: 10px !important;
    }
    .u-ptxs15 {
      padding-top: 15px !important;
    }
    .u-ptxs20 {
      padding-top: 20px !important;
    }
    .u-ptxs25 {
      padding-top: 25px !important;
    }
    .u-ptxs30 {
      padding-top: 30px !important;
    }
    .u-ptxs35 {
      padding-top: 35px !important;
    }
    .u-ptxs40 {
      padding-top: 40px !important;
    }
    .u-ptxs45 {
      padding-top: 45px !important;
    }
    .u-ptxs50 {
      padding-top: 50px !important;
    }
    .u-ptxs55 {
      padding-top: 55px !important;
    }
    .u-ptxs60 {
      padding-top: 60px !important;
    }
    .u-ptxs65 {
      padding-top: 65px !important;
    }
    .u-ptxs70 {
      padding-top: 70px !important;
    }
    .u-ptxs75 {
      padding-top: 75px !important;
    }
    .u-ptxs80 {
      padding-top: 80px !important;
    }
    .u-ptxs85 {
      padding-top: 85px !important;
    }
    .u-ptxs90 {
      padding-top: 90px !important;
    }
    .u-ptxs95 {
      padding-top: 95px !important;
    }
    .u-ptxs100 {
      padding-top: 100px !important;
    }
    .u-ptxs105 {
      padding-top: 105px !important;
    }
    .u-ptxs110 {
      padding-top: 110px !important;
    }
    .u-ptxs115 {
      padding-top: 115px !important;
    }
    .u-ptxs120 {
      padding-top: 120px !important;
    }
    .u-ptxs125 {
      padding-top: 125px !important;
    }
    .u-ptxs130 {
      padding-top: 130px !important;
    }
    .u-ptxs135 {
      padding-top: 135px !important;
    }
    .u-ptxs140 {
      padding-top: 140px !important;
    }
    .u-ptxs145 {
      padding-top: 145px !important;
    }
    .u-ptxs150 {
      padding-top: 150px !important;
    }
    .u-ptxs155 {
      padding-top: 155px !important;
    }
    .u-ptxs160 {
      padding-top: 160px !important;
    }
    .u-ptxs165 {
      padding-top: 165px !important;
    }
    .u-ptxs170 {
      padding-top: 170px !important;
    }
    .u-ptxs175 {
      padding-top: 175px !important;
    }
    .u-ptxs180 {
      padding-top: 180px !important;
    }
    .u-ptxs185 {
      padding-top: 185px !important;
    }
    .u-ptxs190 {
      padding-top: 190px !important;
    }
    .u-ptxs195 {
      padding-top: 195px !important;
    }
    .u-ptxs200 {
      padding-top: 200px !important;
    }
    .u-prxs0 {
      padding-right: 0px !important;
    }
    .u-prxs5 {
      padding-right: 5px !important;
    }
    .u-prxs10 {
      padding-right: 10px !important;
    }
    .u-prxs15 {
      padding-right: 15px !important;
    }
    .u-prxs20 {
      padding-right: 20px !important;
    }
    .u-prxs25 {
      padding-right: 25px !important;
    }
    .u-prxs30 {
      padding-right: 30px !important;
    }
    .u-prxs35 {
      padding-right: 35px !important;
    }
    .u-prxs40 {
      padding-right: 40px !important;
    }
    .u-prxs45 {
      padding-right: 45px !important;
    }
    .u-prxs50 {
      padding-right: 50px !important;
    }
    .u-prxs55 {
      padding-right: 55px !important;
    }
    .u-prxs60 {
      padding-right: 60px !important;
    }
    .u-prxs65 {
      padding-right: 65px !important;
    }
    .u-prxs70 {
      padding-right: 70px !important;
    }
    .u-prxs75 {
      padding-right: 75px !important;
    }
    .u-prxs80 {
      padding-right: 80px !important;
    }
    .u-prxs85 {
      padding-right: 85px !important;
    }
    .u-prxs90 {
      padding-right: 90px !important;
    }
    .u-prxs95 {
      padding-right: 95px !important;
    }
    .u-prxs100 {
      padding-right: 100px !important;
    }
    .u-prxs105 {
      padding-right: 105px !important;
    }
    .u-prxs110 {
      padding-right: 110px !important;
    }
    .u-prxs115 {
      padding-right: 115px !important;
    }
    .u-prxs120 {
      padding-right: 120px !important;
    }
    .u-prxs125 {
      padding-right: 125px !important;
    }
    .u-prxs130 {
      padding-right: 130px !important;
    }
    .u-prxs135 {
      padding-right: 135px !important;
    }
    .u-prxs140 {
      padding-right: 140px !important;
    }
    .u-prxs145 {
      padding-right: 145px !important;
    }
    .u-prxs150 {
      padding-right: 150px !important;
    }
    .u-prxs155 {
      padding-right: 155px !important;
    }
    .u-prxs160 {
      padding-right: 160px !important;
    }
    .u-prxs165 {
      padding-right: 165px !important;
    }
    .u-prxs170 {
      padding-right: 170px !important;
    }
    .u-prxs175 {
      padding-right: 175px !important;
    }
    .u-prxs180 {
      padding-right: 180px !important;
    }
    .u-prxs185 {
      padding-right: 185px !important;
    }
    .u-prxs190 {
      padding-right: 190px !important;
    }
    .u-prxs195 {
      padding-right: 195px !important;
    }
    .u-prxs200 {
      padding-right: 200px !important;
    }
    .u-pbxs0 {
      padding-bottom: 0px !important;
    }
    .u-pbxs5 {
      padding-bottom: 5px !important;
    }
    .u-pbxs10 {
      padding-bottom: 10px !important;
    }
    .u-pbxs15 {
      padding-bottom: 15px !important;
    }
    .u-pbxs20 {
      padding-bottom: 20px !important;
    }
    .u-pbxs25 {
      padding-bottom: 25px !important;
    }
    .u-pbxs30 {
      padding-bottom: 30px !important;
    }
    .u-pbxs35 {
      padding-bottom: 35px !important;
    }
    .u-pbxs40 {
      padding-bottom: 40px !important;
    }
    .u-pbxs45 {
      padding-bottom: 45px !important;
    }
    .u-pbxs50 {
      padding-bottom: 50px !important;
    }
    .u-pbxs55 {
      padding-bottom: 55px !important;
    }
    .u-pbxs60 {
      padding-bottom: 60px !important;
    }
    .u-pbxs65 {
      padding-bottom: 65px !important;
    }
    .u-pbxs70 {
      padding-bottom: 70px !important;
    }
    .u-pbxs75 {
      padding-bottom: 75px !important;
    }
    .u-pbxs80 {
      padding-bottom: 80px !important;
    }
    .u-pbxs85 {
      padding-bottom: 85px !important;
    }
    .u-pbxs90 {
      padding-bottom: 90px !important;
    }
    .u-pbxs95 {
      padding-bottom: 95px !important;
    }
    .u-pbxs100 {
      padding-bottom: 100px !important;
    }
    .u-pbxs105 {
      padding-bottom: 105px !important;
    }
    .u-pbxs110 {
      padding-bottom: 110px !important;
    }
    .u-pbxs115 {
      padding-bottom: 115px !important;
    }
    .u-pbxs120 {
      padding-bottom: 120px !important;
    }
    .u-pbxs125 {
      padding-bottom: 125px !important;
    }
    .u-pbxs130 {
      padding-bottom: 130px !important;
    }
    .u-pbxs135 {
      padding-bottom: 135px !important;
    }
    .u-pbxs140 {
      padding-bottom: 140px !important;
    }
    .u-pbxs145 {
      padding-bottom: 145px !important;
    }
    .u-pbxs150 {
      padding-bottom: 150px !important;
    }
    .u-pbxs155 {
      padding-bottom: 155px !important;
    }
    .u-pbxs160 {
      padding-bottom: 160px !important;
    }
    .u-pbxs165 {
      padding-bottom: 165px !important;
    }
    .u-pbxs170 {
      padding-bottom: 170px !important;
    }
    .u-pbxs175 {
      padding-bottom: 175px !important;
    }
    .u-pbxs180 {
      padding-bottom: 180px !important;
    }
    .u-pbxs185 {
      padding-bottom: 185px !important;
    }
    .u-pbxs190 {
      padding-bottom: 190px !important;
    }
    .u-pbxs195 {
      padding-bottom: 195px !important;
    }
    .u-pbxs200 {
      padding-bottom: 200px !important;
    }
    .u-plxs0 {
      padding-left: 0px !important;
    }
    .u-plxs5 {
      padding-left: 5px !important;
    }
    .u-plxs10 {
      padding-left: 10px !important;
    }
    .u-plxs15 {
      padding-left: 15px !important;
    }
    .u-plxs20 {
      padding-left: 20px !important;
    }
    .u-plxs25 {
      padding-left: 25px !important;
    }
    .u-plxs30 {
      padding-left: 30px !important;
    }
    .u-plxs35 {
      padding-left: 35px !important;
    }
    .u-plxs40 {
      padding-left: 40px !important;
    }
    .u-plxs45 {
      padding-left: 45px !important;
    }
    .u-plxs50 {
      padding-left: 50px !important;
    }
    .u-plxs55 {
      padding-left: 55px !important;
    }
    .u-plxs60 {
      padding-left: 60px !important;
    }
    .u-plxs65 {
      padding-left: 65px !important;
    }
    .u-plxs70 {
      padding-left: 70px !important;
    }
    .u-plxs75 {
      padding-left: 75px !important;
    }
    .u-plxs80 {
      padding-left: 80px !important;
    }
    .u-plxs85 {
      padding-left: 85px !important;
    }
    .u-plxs90 {
      padding-left: 90px !important;
    }
    .u-plxs95 {
      padding-left: 95px !important;
    }
    .u-plxs100 {
      padding-left: 100px !important;
    }
    .u-plxs105 {
      padding-left: 105px !important;
    }
    .u-plxs110 {
      padding-left: 110px !important;
    }
    .u-plxs115 {
      padding-left: 115px !important;
    }
    .u-plxs120 {
      padding-left: 120px !important;
    }
    .u-plxs125 {
      padding-left: 125px !important;
    }
    .u-plxs130 {
      padding-left: 130px !important;
    }
    .u-plxs135 {
      padding-left: 135px !important;
    }
    .u-plxs140 {
      padding-left: 140px !important;
    }
    .u-plxs145 {
      padding-left: 145px !important;
    }
    .u-plxs150 {
      padding-left: 150px !important;
    }
    .u-plxs155 {
      padding-left: 155px !important;
    }
    .u-plxs160 {
      padding-left: 160px !important;
    }
    .u-plxs165 {
      padding-left: 165px !important;
    }
    .u-plxs170 {
      padding-left: 170px !important;
    }
    .u-plxs175 {
      padding-left: 175px !important;
    }
    .u-plxs180 {
      padding-left: 180px !important;
    }
    .u-plxs185 {
      padding-left: 185px !important;
    }
    .u-plxs190 {
      padding-left: 190px !important;
    }
    .u-plxs195 {
      padding-left: 195px !important;
    }
    .u-plxs200 {
      padding-left: 200px !important;
    }
  }

  /* screen size S
- - - - - - - - - - - - - - - - - - */
  @media print, screen and (min-width: 480px) {
    .u-pts0 {
      padding-top: 0px !important;
    }
    .u-pts5 {
      padding-top: 5px !important;
    }
    .u-pts10 {
      padding-top: 10px !important;
    }
    .u-pts15 {
      padding-top: 15px !important;
    }
    .u-pts20 {
      padding-top: 20px !important;
    }
    .u-pts25 {
      padding-top: 25px !important;
    }
    .u-pts30 {
      padding-top: 30px !important;
    }
    .u-pts35 {
      padding-top: 35px !important;
    }
    .u-pts40 {
      padding-top: 40px !important;
    }
    .u-pts45 {
      padding-top: 45px !important;
    }
    .u-pts50 {
      padding-top: 50px !important;
    }
    .u-pts55 {
      padding-top: 55px !important;
    }
    .u-pts60 {
      padding-top: 60px !important;
    }
    .u-pts65 {
      padding-top: 65px !important;
    }
    .u-pts70 {
      padding-top: 70px !important;
    }
    .u-pts75 {
      padding-top: 75px !important;
    }
    .u-pts80 {
      padding-top: 80px !important;
    }
    .u-pts85 {
      padding-top: 85px !important;
    }
    .u-pts90 {
      padding-top: 90px !important;
    }
    .u-pts95 {
      padding-top: 95px !important;
    }
    .u-pts100 {
      padding-top: 100px !important;
    }
    .u-pts105 {
      padding-top: 105px !important;
    }
    .u-pts110 {
      padding-top: 110px !important;
    }
    .u-pts115 {
      padding-top: 115px !important;
    }
    .u-pts120 {
      padding-top: 120px !important;
    }
    .u-pts125 {
      padding-top: 125px !important;
    }
    .u-pts130 {
      padding-top: 130px !important;
    }
    .u-pts135 {
      padding-top: 135px !important;
    }
    .u-pts140 {
      padding-top: 140px !important;
    }
    .u-pts145 {
      padding-top: 145px !important;
    }
    .u-pts150 {
      padding-top: 150px !important;
    }
    .u-pts155 {
      padding-top: 155px !important;
    }
    .u-pts160 {
      padding-top: 160px !important;
    }
    .u-pts165 {
      padding-top: 165px !important;
    }
    .u-pts170 {
      padding-top: 170px !important;
    }
    .u-pts175 {
      padding-top: 175px !important;
    }
    .u-pts180 {
      padding-top: 180px !important;
    }
    .u-pts185 {
      padding-top: 185px !important;
    }
    .u-pts190 {
      padding-top: 190px !important;
    }
    .u-pts195 {
      padding-top: 195px !important;
    }
    .u-pts200 {
      padding-top: 200px !important;
    }
    .u-prs0 {
      padding-right: 0px !important;
    }
    .u-prs5 {
      padding-right: 5px !important;
    }
    .u-prs10 {
      padding-right: 10px !important;
    }
    .u-prs15 {
      padding-right: 15px !important;
    }
    .u-prs20 {
      padding-right: 20px !important;
    }
    .u-prs25 {
      padding-right: 25px !important;
    }
    .u-prs30 {
      padding-right: 30px !important;
    }
    .u-prs35 {
      padding-right: 35px !important;
    }
    .u-prs40 {
      padding-right: 40px !important;
    }
    .u-prs45 {
      padding-right: 45px !important;
    }
    .u-prs50 {
      padding-right: 50px !important;
    }
    .u-prs55 {
      padding-right: 55px !important;
    }
    .u-prs60 {
      padding-right: 60px !important;
    }
    .u-prs65 {
      padding-right: 65px !important;
    }
    .u-prs70 {
      padding-right: 70px !important;
    }
    .u-prs75 {
      padding-right: 75px !important;
    }
    .u-prs80 {
      padding-right: 80px !important;
    }
    .u-prs85 {
      padding-right: 85px !important;
    }
    .u-prs90 {
      padding-right: 90px !important;
    }
    .u-prs95 {
      padding-right: 95px !important;
    }
    .u-prs100 {
      padding-right: 100px !important;
    }
    .u-prs105 {
      padding-right: 105px !important;
    }
    .u-prs110 {
      padding-right: 110px !important;
    }
    .u-prs115 {
      padding-right: 115px !important;
    }
    .u-prs120 {
      padding-right: 120px !important;
    }
    .u-prs125 {
      padding-right: 125px !important;
    }
    .u-prs130 {
      padding-right: 130px !important;
    }
    .u-prs135 {
      padding-right: 135px !important;
    }
    .u-prs140 {
      padding-right: 140px !important;
    }
    .u-prs145 {
      padding-right: 145px !important;
    }
    .u-prs150 {
      padding-right: 150px !important;
    }
    .u-prs155 {
      padding-right: 155px !important;
    }
    .u-prs160 {
      padding-right: 160px !important;
    }
    .u-prs165 {
      padding-right: 165px !important;
    }
    .u-prs170 {
      padding-right: 170px !important;
    }
    .u-prs175 {
      padding-right: 175px !important;
    }
    .u-prs180 {
      padding-right: 180px !important;
    }
    .u-prs185 {
      padding-right: 185px !important;
    }
    .u-prs190 {
      padding-right: 190px !important;
    }
    .u-prs195 {
      padding-right: 195px !important;
    }
    .u-prs200 {
      padding-right: 200px !important;
    }
    .u-pbs0 {
      padding-bottom: 0px !important;
    }
    .u-pbs5 {
      padding-bottom: 5px !important;
    }
    .u-pbs10 {
      padding-bottom: 10px !important;
    }
    .u-pbs15 {
      padding-bottom: 15px !important;
    }
    .u-pbs20 {
      padding-bottom: 20px !important;
    }
    .u-pbs25 {
      padding-bottom: 25px !important;
    }
    .u-pbs30 {
      padding-bottom: 30px !important;
    }
    .u-pbs35 {
      padding-bottom: 35px !important;
    }
    .u-pbs40 {
      padding-bottom: 40px !important;
    }
    .u-pbs45 {
      padding-bottom: 45px !important;
    }
    .u-pbs50 {
      padding-bottom: 50px !important;
    }
    .u-pbs55 {
      padding-bottom: 55px !important;
    }
    .u-pbs60 {
      padding-bottom: 60px !important;
    }
    .u-pbs65 {
      padding-bottom: 65px !important;
    }
    .u-pbs70 {
      padding-bottom: 70px !important;
    }
    .u-pbs75 {
      padding-bottom: 75px !important;
    }
    .u-pbs80 {
      padding-bottom: 80px !important;
    }
    .u-pbs85 {
      padding-bottom: 85px !important;
    }
    .u-pbs90 {
      padding-bottom: 90px !important;
    }
    .u-pbs95 {
      padding-bottom: 95px !important;
    }
    .u-pbs100 {
      padding-bottom: 100px !important;
    }
    .u-pbs105 {
      padding-bottom: 105px !important;
    }
    .u-pbs110 {
      padding-bottom: 110px !important;
    }
    .u-pbs115 {
      padding-bottom: 115px !important;
    }
    .u-pbs120 {
      padding-bottom: 120px !important;
    }
    .u-pbs125 {
      padding-bottom: 125px !important;
    }
    .u-pbs130 {
      padding-bottom: 130px !important;
    }
    .u-pbs135 {
      padding-bottom: 135px !important;
    }
    .u-pbs140 {
      padding-bottom: 140px !important;
    }
    .u-pbs145 {
      padding-bottom: 145px !important;
    }
    .u-pbs150 {
      padding-bottom: 150px !important;
    }
    .u-pbs155 {
      padding-bottom: 155px !important;
    }
    .u-pbs160 {
      padding-bottom: 160px !important;
    }
    .u-pbs165 {
      padding-bottom: 165px !important;
    }
    .u-pbs170 {
      padding-bottom: 170px !important;
    }
    .u-pbs175 {
      padding-bottom: 175px !important;
    }
    .u-pbs180 {
      padding-bottom: 180px !important;
    }
    .u-pbs185 {
      padding-bottom: 185px !important;
    }
    .u-pbs190 {
      padding-bottom: 190px !important;
    }
    .u-pbs195 {
      padding-bottom: 195px !important;
    }
    .u-pbs200 {
      padding-bottom: 200px !important;
    }
    .u-pls0 {
      padding-left: 0px !important;
    }
    .u-pls5 {
      padding-left: 5px !important;
    }
    .u-pls10 {
      padding-left: 10px !important;
    }
    .u-pls15 {
      padding-left: 15px !important;
    }
    .u-pls20 {
      padding-left: 20px !important;
    }
    .u-pls25 {
      padding-left: 25px !important;
    }
    .u-pls30 {
      padding-left: 30px !important;
    }
    .u-pls35 {
      padding-left: 35px !important;
    }
    .u-pls40 {
      padding-left: 40px !important;
    }
    .u-pls45 {
      padding-left: 45px !important;
    }
    .u-pls50 {
      padding-left: 50px !important;
    }
    .u-pls55 {
      padding-left: 55px !important;
    }
    .u-pls60 {
      padding-left: 60px !important;
    }
    .u-pls65 {
      padding-left: 65px !important;
    }
    .u-pls70 {
      padding-left: 70px !important;
    }
    .u-pls75 {
      padding-left: 75px !important;
    }
    .u-pls80 {
      padding-left: 80px !important;
    }
    .u-pls85 {
      padding-left: 85px !important;
    }
    .u-pls90 {
      padding-left: 90px !important;
    }
    .u-pls95 {
      padding-left: 95px !important;
    }
    .u-pls100 {
      padding-left: 100px !important;
    }
    .u-pls105 {
      padding-left: 105px !important;
    }
    .u-pls110 {
      padding-left: 110px !important;
    }
    .u-pls115 {
      padding-left: 115px !important;
    }
    .u-pls120 {
      padding-left: 120px !important;
    }
    .u-pls125 {
      padding-left: 125px !important;
    }
    .u-pls130 {
      padding-left: 130px !important;
    }
    .u-pls135 {
      padding-left: 135px !important;
    }
    .u-pls140 {
      padding-left: 140px !important;
    }
    .u-pls145 {
      padding-left: 145px !important;
    }
    .u-pls150 {
      padding-left: 150px !important;
    }
    .u-pls155 {
      padding-left: 155px !important;
    }
    .u-pls160 {
      padding-left: 160px !important;
    }
    .u-pls165 {
      padding-left: 165px !important;
    }
    .u-pls170 {
      padding-left: 170px !important;
    }
    .u-pls175 {
      padding-left: 175px !important;
    }
    .u-pls180 {
      padding-left: 180px !important;
    }
    .u-pls185 {
      padding-left: 185px !important;
    }
    .u-pls190 {
      padding-left: 190px !important;
    }
    .u-pls195 {
      padding-left: 195px !important;
    }
    .u-pls200 {
      padding-left: 200px !important;
    }
  }

  /* screen size M
- - - - - - - - - - - - - - - - - - */
  @media print, screen and (min-width: 768px) {
    .u-ptm0 {
      padding-top: 0px !important;
    }
    .u-ptm5 {
      padding-top: 5px !important;
    }
    .u-ptm10 {
      padding-top: 10px !important;
    }
    .u-ptm15 {
      padding-top: 15px !important;
    }
    .u-ptm20 {
      padding-top: 20px !important;
    }
    .u-ptm25 {
      padding-top: 25px !important;
    }
    .u-ptm30 {
      padding-top: 30px !important;
    }
    .u-ptm35 {
      padding-top: 35px !important;
    }
    .u-ptm40 {
      padding-top: 40px !important;
    }
    .u-ptm45 {
      padding-top: 45px !important;
    }
    .u-ptm50 {
      padding-top: 50px !important;
    }
    .u-ptm55 {
      padding-top: 55px !important;
    }
    .u-ptm60 {
      padding-top: 60px !important;
    }
    .u-ptm65 {
      padding-top: 65px !important;
    }
    .u-ptm70 {
      padding-top: 70px !important;
    }
    .u-ptm75 {
      padding-top: 75px !important;
    }
    .u-ptm80 {
      padding-top: 80px !important;
    }
    .u-ptm85 {
      padding-top: 85px !important;
    }
    .u-ptm90 {
      padding-top: 90px !important;
    }
    .u-ptm95 {
      padding-top: 95px !important;
    }
    .u-ptm100 {
      padding-top: 100px !important;
    }
    .u-ptm105 {
      padding-top: 105px !important;
    }
    .u-ptm110 {
      padding-top: 110px !important;
    }
    .u-ptm115 {
      padding-top: 115px !important;
    }
    .u-ptm120 {
      padding-top: 120px !important;
    }
    .u-ptm125 {
      padding-top: 125px !important;
    }
    .u-ptm130 {
      padding-top: 130px !important;
    }
    .u-ptm135 {
      padding-top: 135px !important;
    }
    .u-ptm140 {
      padding-top: 140px !important;
    }
    .u-ptm145 {
      padding-top: 145px !important;
    }
    .u-ptm150 {
      padding-top: 150px !important;
    }
    .u-ptm155 {
      padding-top: 155px !important;
    }
    .u-ptm160 {
      padding-top: 160px !important;
    }
    .u-ptm165 {
      padding-top: 165px !important;
    }
    .u-ptm170 {
      padding-top: 170px !important;
    }
    .u-ptm175 {
      padding-top: 175px !important;
    }
    .u-ptm180 {
      padding-top: 180px !important;
    }
    .u-ptm185 {
      padding-top: 185px !important;
    }
    .u-ptm190 {
      padding-top: 190px !important;
    }
    .u-ptm195 {
      padding-top: 195px !important;
    }
    .u-ptm200 {
      padding-top: 200px !important;
    }
    .u-prm0 {
      padding-right: 0px !important;
    }
    .u-prm5 {
      padding-right: 5px !important;
    }
    .u-prm10 {
      padding-right: 10px !important;
    }
    .u-prm15 {
      padding-right: 15px !important;
    }
    .u-prm20 {
      padding-right: 20px !important;
    }
    .u-prm25 {
      padding-right: 25px !important;
    }
    .u-prm30 {
      padding-right: 30px !important;
    }
    .u-prm35 {
      padding-right: 35px !important;
    }
    .u-prm40 {
      padding-right: 40px !important;
    }
    .u-prm45 {
      padding-right: 45px !important;
    }
    .u-prm50 {
      padding-right: 50px !important;
    }
    .u-prm55 {
      padding-right: 55px !important;
    }
    .u-prm60 {
      padding-right: 60px !important;
    }
    .u-prm65 {
      padding-right: 65px !important;
    }
    .u-prm70 {
      padding-right: 70px !important;
    }
    .u-prm75 {
      padding-right: 75px !important;
    }
    .u-prm80 {
      padding-right: 80px !important;
    }
    .u-prm85 {
      padding-right: 85px !important;
    }
    .u-prm90 {
      padding-right: 90px !important;
    }
    .u-prm95 {
      padding-right: 95px !important;
    }
    .u-prm100 {
      padding-right: 100px !important;
    }
    .u-prm105 {
      padding-right: 105px !important;
    }
    .u-prm110 {
      padding-right: 110px !important;
    }
    .u-prm115 {
      padding-right: 115px !important;
    }
    .u-prm120 {
      padding-right: 120px !important;
    }
    .u-prm125 {
      padding-right: 125px !important;
    }
    .u-prm130 {
      padding-right: 130px !important;
    }
    .u-prm135 {
      padding-right: 135px !important;
    }
    .u-prm140 {
      padding-right: 140px !important;
    }
    .u-prm145 {
      padding-right: 145px !important;
    }
    .u-prm150 {
      padding-right: 150px !important;
    }
    .u-prm155 {
      padding-right: 155px !important;
    }
    .u-prm160 {
      padding-right: 160px !important;
    }
    .u-prm165 {
      padding-right: 165px !important;
    }
    .u-prm170 {
      padding-right: 170px !important;
    }
    .u-prm175 {
      padding-right: 175px !important;
    }
    .u-prm180 {
      padding-right: 180px !important;
    }
    .u-prm185 {
      padding-right: 185px !important;
    }
    .u-prm190 {
      padding-right: 190px !important;
    }
    .u-prm195 {
      padding-right: 195px !important;
    }
    .u-prm200 {
      padding-right: 200px !important;
    }
    .u-pbm0 {
      padding-bottom: 0px !important;
    }
    .u-pbm5 {
      padding-bottom: 5px !important;
    }
    .u-pbm10 {
      padding-bottom: 10px !important;
    }
    .u-pbm15 {
      padding-bottom: 15px !important;
    }
    .u-pbm20 {
      padding-bottom: 20px !important;
    }
    .u-pbm25 {
      padding-bottom: 25px !important;
    }
    .u-pbm30 {
      padding-bottom: 30px !important;
    }
    .u-pbm35 {
      padding-bottom: 35px !important;
    }
    .u-pbm40 {
      padding-bottom: 40px !important;
    }
    .u-pbm45 {
      padding-bottom: 45px !important;
    }
    .u-pbm50 {
      padding-bottom: 50px !important;
    }
    .u-pbm55 {
      padding-bottom: 55px !important;
    }
    .u-pbm60 {
      padding-bottom: 60px !important;
    }
    .u-pbm65 {
      padding-bottom: 65px !important;
    }
    .u-pbm70 {
      padding-bottom: 70px !important;
    }
    .u-pbm75 {
      padding-bottom: 75px !important;
    }
    .u-pbm80 {
      padding-bottom: 80px !important;
    }
    .u-pbm85 {
      padding-bottom: 85px !important;
    }
    .u-pbm90 {
      padding-bottom: 90px !important;
    }
    .u-pbm95 {
      padding-bottom: 95px !important;
    }
    .u-pbm100 {
      padding-bottom: 100px !important;
    }
    .u-pbm105 {
      padding-bottom: 105px !important;
    }
    .u-pbm110 {
      padding-bottom: 110px !important;
    }
    .u-pbm115 {
      padding-bottom: 115px !important;
    }
    .u-pbm120 {
      padding-bottom: 120px !important;
    }
    .u-pbm125 {
      padding-bottom: 125px !important;
    }
    .u-pbm130 {
      padding-bottom: 130px !important;
    }
    .u-pbm135 {
      padding-bottom: 135px !important;
    }
    .u-pbm140 {
      padding-bottom: 140px !important;
    }
    .u-pbm145 {
      padding-bottom: 145px !important;
    }
    .u-pbm150 {
      padding-bottom: 150px !important;
    }
    .u-pbm155 {
      padding-bottom: 155px !important;
    }
    .u-pbm160 {
      padding-bottom: 160px !important;
    }
    .u-pbm165 {
      padding-bottom: 165px !important;
    }
    .u-pbm170 {
      padding-bottom: 170px !important;
    }
    .u-pbm175 {
      padding-bottom: 175px !important;
    }
    .u-pbm180 {
      padding-bottom: 180px !important;
    }
    .u-pbm185 {
      padding-bottom: 185px !important;
    }
    .u-pbm190 {
      padding-bottom: 190px !important;
    }
    .u-pbm195 {
      padding-bottom: 195px !important;
    }
    .u-pbm200 {
      padding-bottom: 200px !important;
    }
    .u-plm0 {
      padding-left: 0px !important;
    }
    .u-plm5 {
      padding-left: 5px !important;
    }
    .u-plm10 {
      padding-left: 10px !important;
    }
    .u-plm15 {
      padding-left: 15px !important;
    }
    .u-plm20 {
      padding-left: 20px !important;
    }
    .u-plm25 {
      padding-left: 25px !important;
    }
    .u-plm30 {
      padding-left: 30px !important;
    }
    .u-plm35 {
      padding-left: 35px !important;
    }
    .u-plm40 {
      padding-left: 40px !important;
    }
    .u-plm45 {
      padding-left: 45px !important;
    }
    .u-plm50 {
      padding-left: 50px !important;
    }
    .u-plm55 {
      padding-left: 55px !important;
    }
    .u-plm60 {
      padding-left: 60px !important;
    }
    .u-plm65 {
      padding-left: 65px !important;
    }
    .u-plm70 {
      padding-left: 70px !important;
    }
    .u-plm75 {
      padding-left: 75px !important;
    }
    .u-plm80 {
      padding-left: 80px !important;
    }
    .u-plm85 {
      padding-left: 85px !important;
    }
    .u-plm90 {
      padding-left: 90px !important;
    }
    .u-plm95 {
      padding-left: 95px !important;
    }
    .u-plm100 {
      padding-left: 100px !important;
    }
    .u-plm105 {
      padding-left: 105px !important;
    }
    .u-plm110 {
      padding-left: 110px !important;
    }
    .u-plm115 {
      padding-left: 115px !important;
    }
    .u-plm120 {
      padding-left: 120px !important;
    }
    .u-plm125 {
      padding-left: 125px !important;
    }
    .u-plm130 {
      padding-left: 130px !important;
    }
    .u-plm135 {
      padding-left: 135px !important;
    }
    .u-plm140 {
      padding-left: 140px !important;
    }
    .u-plm145 {
      padding-left: 145px !important;
    }
    .u-plm150 {
      padding-left: 150px !important;
    }
    .u-plm155 {
      padding-left: 155px !important;
    }
    .u-plm160 {
      padding-left: 160px !important;
    }
    .u-plm165 {
      padding-left: 165px !important;
    }
    .u-plm170 {
      padding-left: 170px !important;
    }
    .u-plm175 {
      padding-left: 175px !important;
    }
    .u-plm180 {
      padding-left: 180px !important;
    }
    .u-plm185 {
      padding-left: 185px !important;
    }
    .u-plm190 {
      padding-left: 190px !important;
    }
    .u-plm195 {
      padding-left: 195px !important;
    }
    .u-plm200 {
      padding-left: 200px !important;
    }
  }

  /* screen size L
- - - - - - - - - - - - - - - - - - */
  @media print, screen and (min-width: 1020px) {
    .u-ptl0 {
      padding-top: 0px !important;
    }
    .u-ptl5 {
      padding-top: 5px !important;
    }
    .u-ptl10 {
      padding-top: 10px !important;
    }
    .u-ptl15 {
      padding-top: 15px !important;
    }
    .u-ptl20 {
      padding-top: 20px !important;
    }
    .u-ptl25 {
      padding-top: 25px !important;
    }
    .u-ptl30 {
      padding-top: 30px !important;
    }
    .u-ptl35 {
      padding-top: 35px !important;
    }
    .u-ptl40 {
      padding-top: 40px !important;
    }
    .u-ptl45 {
      padding-top: 45px !important;
    }
    .u-ptl50 {
      padding-top: 50px !important;
    }
    .u-ptl55 {
      padding-top: 55px !important;
    }
    .u-ptl60 {
      padding-top: 60px !important;
    }
    .u-ptl65 {
      padding-top: 65px !important;
    }
    .u-ptl70 {
      padding-top: 70px !important;
    }
    .u-ptl75 {
      padding-top: 75px !important;
    }
    .u-ptl80 {
      padding-top: 80px !important;
    }
    .u-ptl85 {
      padding-top: 85px !important;
    }
    .u-ptl90 {
      padding-top: 90px !important;
    }
    .u-ptl95 {
      padding-top: 95px !important;
    }
    .u-ptl100 {
      padding-top: 100px !important;
    }
    .u-ptl105 {
      padding-top: 105px !important;
    }
    .u-ptl110 {
      padding-top: 110px !important;
    }
    .u-ptl115 {
      padding-top: 115px !important;
    }
    .u-ptl120 {
      padding-top: 120px !important;
    }
    .u-ptl125 {
      padding-top: 125px !important;
    }
    .u-ptl130 {
      padding-top: 130px !important;
    }
    .u-ptl135 {
      padding-top: 135px !important;
    }
    .u-ptl140 {
      padding-top: 140px !important;
    }
    .u-ptl145 {
      padding-top: 145px !important;
    }
    .u-ptl150 {
      padding-top: 150px !important;
    }
    .u-ptl155 {
      padding-top: 155px !important;
    }
    .u-ptl160 {
      padding-top: 160px !important;
    }
    .u-ptl165 {
      padding-top: 165px !important;
    }
    .u-ptl170 {
      padding-top: 170px !important;
    }
    .u-ptl175 {
      padding-top: 175px !important;
    }
    .u-ptl180 {
      padding-top: 180px !important;
    }
    .u-ptl185 {
      padding-top: 185px !important;
    }
    .u-ptl190 {
      padding-top: 190px !important;
    }
    .u-ptl195 {
      padding-top: 195px !important;
    }
    .u-ptl200 {
      padding-top: 200px !important;
    }
    .u-prl0 {
      padding-right: 0px !important;
    }
    .u-prl5 {
      padding-right: 5px !important;
    }
    .u-prl10 {
      padding-right: 10px !important;
    }
    .u-prl15 {
      padding-right: 15px !important;
    }
    .u-prl20 {
      padding-right: 20px !important;
    }
    .u-prl25 {
      padding-right: 25px !important;
    }
    .u-prl30 {
      padding-right: 30px !important;
    }
    .u-prl35 {
      padding-right: 35px !important;
    }
    .u-prl40 {
      padding-right: 40px !important;
    }
    .u-prl45 {
      padding-right: 45px !important;
    }
    .u-prl50 {
      padding-right: 50px !important;
    }
    .u-prl55 {
      padding-right: 55px !important;
    }
    .u-prl60 {
      padding-right: 60px !important;
    }
    .u-prl65 {
      padding-right: 65px !important;
    }
    .u-prl70 {
      padding-right: 70px !important;
    }
    .u-prl75 {
      padding-right: 75px !important;
    }
    .u-prl80 {
      padding-right: 80px !important;
    }
    .u-prl85 {
      padding-right: 85px !important;
    }
    .u-prl90 {
      padding-right: 90px !important;
    }
    .u-prl95 {
      padding-right: 95px !important;
    }
    .u-prl100 {
      padding-right: 100px !important;
    }
    .u-prl105 {
      padding-right: 105px !important;
    }
    .u-prl110 {
      padding-right: 110px !important;
    }
    .u-prl115 {
      padding-right: 115px !important;
    }
    .u-prl120 {
      padding-right: 120px !important;
    }
    .u-prl125 {
      padding-right: 125px !important;
    }
    .u-prl130 {
      padding-right: 130px !important;
    }
    .u-prl135 {
      padding-right: 135px !important;
    }
    .u-prl140 {
      padding-right: 140px !important;
    }
    .u-prl145 {
      padding-right: 145px !important;
    }
    .u-prl150 {
      padding-right: 150px !important;
    }
    .u-prl155 {
      padding-right: 155px !important;
    }
    .u-prl160 {
      padding-right: 160px !important;
    }
    .u-prl165 {
      padding-right: 165px !important;
    }
    .u-prl170 {
      padding-right: 170px !important;
    }
    .u-prl175 {
      padding-right: 175px !important;
    }
    .u-prl180 {
      padding-right: 180px !important;
    }
    .u-prl185 {
      padding-right: 185px !important;
    }
    .u-prl190 {
      padding-right: 190px !important;
    }
    .u-prl195 {
      padding-right: 195px !important;
    }
    .u-prl200 {
      padding-right: 200px !important;
    }
    .u-pbl0 {
      padding-bottom: 0px !important;
    }
    .u-pbl5 {
      padding-bottom: 5px !important;
    }
    .u-pbl10 {
      padding-bottom: 10px !important;
    }
    .u-pbl15 {
      padding-bottom: 15px !important;
    }
    .u-pbl20 {
      padding-bottom: 20px !important;
    }
    .u-pbl25 {
      padding-bottom: 25px !important;
    }
    .u-pbl30 {
      padding-bottom: 30px !important;
    }
    .u-pbl35 {
      padding-bottom: 35px !important;
    }
    .u-pbl40 {
      padding-bottom: 40px !important;
    }
    .u-pbl45 {
      padding-bottom: 45px !important;
    }
    .u-pbl50 {
      padding-bottom: 50px !important;
    }
    .u-pbl55 {
      padding-bottom: 55px !important;
    }
    .u-pbl60 {
      padding-bottom: 60px !important;
    }
    .u-pbl65 {
      padding-bottom: 65px !important;
    }
    .u-pbl70 {
      padding-bottom: 70px !important;
    }
    .u-pbl75 {
      padding-bottom: 75px !important;
    }
    .u-pbl80 {
      padding-bottom: 80px !important;
    }
    .u-pbl85 {
      padding-bottom: 85px !important;
    }
    .u-pbl90 {
      padding-bottom: 90px !important;
    }
    .u-pbl95 {
      padding-bottom: 95px !important;
    }
    .u-pbl100 {
      padding-bottom: 100px !important;
    }
    .u-pbl105 {
      padding-bottom: 105px !important;
    }
    .u-pbl110 {
      padding-bottom: 110px !important;
    }
    .u-pbl115 {
      padding-bottom: 115px !important;
    }
    .u-pbl120 {
      padding-bottom: 120px !important;
    }
    .u-pbl125 {
      padding-bottom: 125px !important;
    }
    .u-pbl130 {
      padding-bottom: 130px !important;
    }
    .u-pbl135 {
      padding-bottom: 135px !important;
    }
    .u-pbl140 {
      padding-bottom: 140px !important;
    }
    .u-pbl145 {
      padding-bottom: 145px !important;
    }
    .u-pbl150 {
      padding-bottom: 150px !important;
    }
    .u-pbl155 {
      padding-bottom: 155px !important;
    }
    .u-pbl160 {
      padding-bottom: 160px !important;
    }
    .u-pbl165 {
      padding-bottom: 165px !important;
    }
    .u-pbl170 {
      padding-bottom: 170px !important;
    }
    .u-pbl175 {
      padding-bottom: 175px !important;
    }
    .u-pbl180 {
      padding-bottom: 180px !important;
    }
    .u-pbl185 {
      padding-bottom: 185px !important;
    }
    .u-pbl190 {
      padding-bottom: 190px !important;
    }
    .u-pbl195 {
      padding-bottom: 195px !important;
    }
    .u-pbl200 {
      padding-bottom: 200px !important;
    }
    .u-pll0 {
      padding-left: 0px !important;
    }
    .u-pll5 {
      padding-left: 5px !important;
    }
    .u-pll10 {
      padding-left: 10px !important;
    }
    .u-pll15 {
      padding-left: 15px !important;
    }
    .u-pll20 {
      padding-left: 20px !important;
    }
    .u-pll25 {
      padding-left: 25px !important;
    }
    .u-pll30 {
      padding-left: 30px !important;
    }
    .u-pll35 {
      padding-left: 35px !important;
    }
    .u-pll40 {
      padding-left: 40px !important;
    }
    .u-pll45 {
      padding-left: 45px !important;
    }
    .u-pll50 {
      padding-left: 50px !important;
    }
    .u-pll55 {
      padding-left: 55px !important;
    }
    .u-pll60 {
      padding-left: 60px !important;
    }
    .u-pll65 {
      padding-left: 65px !important;
    }
    .u-pll70 {
      padding-left: 70px !important;
    }
    .u-pll75 {
      padding-left: 75px !important;
    }
    .u-pll80 {
      padding-left: 80px !important;
    }
    .u-pll85 {
      padding-left: 85px !important;
    }
    .u-pll90 {
      padding-left: 90px !important;
    }
    .u-pll95 {
      padding-left: 95px !important;
    }
    .u-pll100 {
      padding-left: 100px !important;
    }
    .u-pll105 {
      padding-left: 105px !important;
    }
    .u-pll110 {
      padding-left: 110px !important;
    }
    .u-pll115 {
      padding-left: 115px !important;
    }
    .u-pll120 {
      padding-left: 120px !important;
    }
    .u-pll125 {
      padding-left: 125px !important;
    }
    .u-pll130 {
      padding-left: 130px !important;
    }
    .u-pll135 {
      padding-left: 135px !important;
    }
    .u-pll140 {
      padding-left: 140px !important;
    }
    .u-pll145 {
      padding-left: 145px !important;
    }
    .u-pll150 {
      padding-left: 150px !important;
    }
    .u-pll155 {
      padding-left: 155px !important;
    }
    .u-pll160 {
      padding-left: 160px !important;
    }
    .u-pll165 {
      padding-left: 165px !important;
    }
    .u-pll170 {
      padding-left: 170px !important;
    }
    .u-pll175 {
      padding-left: 175px !important;
    }
    .u-pll180 {
      padding-left: 180px !important;
    }
    .u-pll185 {
      padding-left: 185px !important;
    }
    .u-pll190 {
      padding-left: 190px !important;
    }
    .u-pll195 {
      padding-left: 195px !important;
    }
    .u-pll200 {
      padding-left: 200px !important;
    }
  }

  /* screen size XL
- - - - - - - - - - - - - - - - - - */
  @media print, screen and (min-width: 1280px) {
    .u-ptxl0 {
      padding-top: 0px !important;
    }
    .u-ptxl5 {
      padding-top: 5px !important;
    }
    .u-ptxl10 {
      padding-top: 10px !important;
    }
    .u-ptxl15 {
      padding-top: 15px !important;
    }
    .u-ptxl20 {
      padding-top: 20px !important;
    }
    .u-ptxl25 {
      padding-top: 25px !important;
    }
    .u-ptxl30 {
      padding-top: 30px !important;
    }
    .u-ptxl35 {
      padding-top: 35px !important;
    }
    .u-ptxl40 {
      padding-top: 40px !important;
    }
    .u-ptxl45 {
      padding-top: 45px !important;
    }
    .u-ptxl50 {
      padding-top: 50px !important;
    }
    .u-ptxl55 {
      padding-top: 55px !important;
    }
    .u-ptxl60 {
      padding-top: 60px !important;
    }
    .u-ptxl65 {
      padding-top: 65px !important;
    }
    .u-ptxl70 {
      padding-top: 70px !important;
    }
    .u-ptxl75 {
      padding-top: 75px !important;
    }
    .u-ptxl80 {
      padding-top: 80px !important;
    }
    .u-ptxl85 {
      padding-top: 85px !important;
    }
    .u-ptxl90 {
      padding-top: 90px !important;
    }
    .u-ptxl95 {
      padding-top: 95px !important;
    }
    .u-ptxl100 {
      padding-top: 100px !important;
    }
    .u-ptxl105 {
      padding-top: 105px !important;
    }
    .u-ptxl110 {
      padding-top: 110px !important;
    }
    .u-ptxl115 {
      padding-top: 115px !important;
    }
    .u-ptxl120 {
      padding-top: 120px !important;
    }
    .u-ptxl125 {
      padding-top: 125px !important;
    }
    .u-ptxl130 {
      padding-top: 130px !important;
    }
    .u-ptxl135 {
      padding-top: 135px !important;
    }
    .u-ptxl140 {
      padding-top: 140px !important;
    }
    .u-ptxl145 {
      padding-top: 145px !important;
    }
    .u-ptxl150 {
      padding-top: 150px !important;
    }
    .u-ptxl155 {
      padding-top: 155px !important;
    }
    .u-ptxl160 {
      padding-top: 160px !important;
    }
    .u-ptxl165 {
      padding-top: 165px !important;
    }
    .u-ptxl170 {
      padding-top: 170px !important;
    }
    .u-ptxl175 {
      padding-top: 175px !important;
    }
    .u-ptxl180 {
      padding-top: 180px !important;
    }
    .u-ptxl185 {
      padding-top: 185px !important;
    }
    .u-ptxl190 {
      padding-top: 190px !important;
    }
    .u-ptxl195 {
      padding-top: 195px !important;
    }
    .u-ptxl200 {
      padding-top: 200px !important;
    }
    .u-prxl0 {
      padding-right: 0px !important;
    }
    .u-prxl5 {
      padding-right: 5px !important;
    }
    .u-prxl10 {
      padding-right: 10px !important;
    }
    .u-prxl15 {
      padding-right: 15px !important;
    }
    .u-prxl20 {
      padding-right: 20px !important;
    }
    .u-prxl25 {
      padding-right: 25px !important;
    }
    .u-prxl30 {
      padding-right: 30px !important;
    }
    .u-prxl35 {
      padding-right: 35px !important;
    }
    .u-prxl40 {
      padding-right: 40px !important;
    }
    .u-prxl45 {
      padding-right: 45px !important;
    }
    .u-prxl50 {
      padding-right: 50px !important;
    }
    .u-prxl55 {
      padding-right: 55px !important;
    }
    .u-prxl60 {
      padding-right: 60px !important;
    }
    .u-prxl65 {
      padding-right: 65px !important;
    }
    .u-prxl70 {
      padding-right: 70px !important;
    }
    .u-prxl75 {
      padding-right: 75px !important;
    }
    .u-prxl80 {
      padding-right: 80px !important;
    }
    .u-prxl85 {
      padding-right: 85px !important;
    }
    .u-prxl90 {
      padding-right: 90px !important;
    }
    .u-prxl95 {
      padding-right: 95px !important;
    }
    .u-prxl100 {
      padding-right: 100px !important;
    }
    .u-prxl105 {
      padding-right: 105px !important;
    }
    .u-prxl110 {
      padding-right: 110px !important;
    }
    .u-prxl115 {
      padding-right: 115px !important;
    }
    .u-prxl120 {
      padding-right: 120px !important;
    }
    .u-prxl125 {
      padding-right: 125px !important;
    }
    .u-prxl130 {
      padding-right: 130px !important;
    }
    .u-prxl135 {
      padding-right: 135px !important;
    }
    .u-prxl140 {
      padding-right: 140px !important;
    }
    .u-prxl145 {
      padding-right: 145px !important;
    }
    .u-prxl150 {
      padding-right: 150px !important;
    }
    .u-prxl155 {
      padding-right: 155px !important;
    }
    .u-prxl160 {
      padding-right: 160px !important;
    }
    .u-prxl165 {
      padding-right: 165px !important;
    }
    .u-prxl170 {
      padding-right: 170px !important;
    }
    .u-prxl175 {
      padding-right: 175px !important;
    }
    .u-prxl180 {
      padding-right: 180px !important;
    }
    .u-prxl185 {
      padding-right: 185px !important;
    }
    .u-prxl190 {
      padding-right: 190px !important;
    }
    .u-prxl195 {
      padding-right: 195px !important;
    }
    .u-prxl200 {
      padding-right: 200px !important;
    }
    .u-pbxl0 {
      padding-bottom: 0px !important;
    }
    .u-pbxl5 {
      padding-bottom: 5px !important;
    }
    .u-pbxl10 {
      padding-bottom: 10px !important;
    }
    .u-pbxl15 {
      padding-bottom: 15px !important;
    }
    .u-pbxl20 {
      padding-bottom: 20px !important;
    }
    .u-pbxl25 {
      padding-bottom: 25px !important;
    }
    .u-pbxl30 {
      padding-bottom: 30px !important;
    }
    .u-pbxl35 {
      padding-bottom: 35px !important;
    }
    .u-pbxl40 {
      padding-bottom: 40px !important;
    }
    .u-pbxl45 {
      padding-bottom: 45px !important;
    }
    .u-pbxl50 {
      padding-bottom: 50px !important;
    }
    .u-pbxl55 {
      padding-bottom: 55px !important;
    }
    .u-pbxl60 {
      padding-bottom: 60px !important;
    }
    .u-pbxl65 {
      padding-bottom: 65px !important;
    }
    .u-pbxl70 {
      padding-bottom: 70px !important;
    }
    .u-pbxl75 {
      padding-bottom: 75px !important;
    }
    .u-pbxl80 {
      padding-bottom: 80px !important;
    }
    .u-pbxl85 {
      padding-bottom: 85px !important;
    }
    .u-pbxl90 {
      padding-bottom: 90px !important;
    }
    .u-pbxl95 {
      padding-bottom: 95px !important;
    }
    .u-pbxl100 {
      padding-bottom: 100px !important;
    }
    .u-pbxl105 {
      padding-bottom: 105px !important;
    }
    .u-pbxl110 {
      padding-bottom: 110px !important;
    }
    .u-pbxl115 {
      padding-bottom: 115px !important;
    }
    .u-pbxl120 {
      padding-bottom: 120px !important;
    }
    .u-pbxl125 {
      padding-bottom: 125px !important;
    }
    .u-pbxl130 {
      padding-bottom: 130px !important;
    }
    .u-pbxl135 {
      padding-bottom: 135px !important;
    }
    .u-pbxl140 {
      padding-bottom: 140px !important;
    }
    .u-pbxl145 {
      padding-bottom: 145px !important;
    }
    .u-pbxl150 {
      padding-bottom: 150px !important;
    }
    .u-pbxl155 {
      padding-bottom: 155px !important;
    }
    .u-pbxl160 {
      padding-bottom: 160px !important;
    }
    .u-pbxl165 {
      padding-bottom: 165px !important;
    }
    .u-pbxl170 {
      padding-bottom: 170px !important;
    }
    .u-pbxl175 {
      padding-bottom: 175px !important;
    }
    .u-pbxl180 {
      padding-bottom: 180px !important;
    }
    .u-pbxl185 {
      padding-bottom: 185px !important;
    }
    .u-pbxl190 {
      padding-bottom: 190px !important;
    }
    .u-pbxl195 {
      padding-bottom: 195px !important;
    }
    .u-pbxl200 {
      padding-bottom: 200px !important;
    }
    .u-plxl0 {
      padding-left: 0px !important;
    }
    .u-plxl5 {
      padding-left: 5px !important;
    }
    .u-plxl10 {
      padding-left: 10px !important;
    }
    .u-plxl15 {
      padding-left: 15px !important;
    }
    .u-plxl20 {
      padding-left: 20px !important;
    }
    .u-plxl25 {
      padding-left: 25px !important;
    }
    .u-plxl30 {
      padding-left: 30px !important;
    }
    .u-plxl35 {
      padding-left: 35px !important;
    }
    .u-plxl40 {
      padding-left: 40px !important;
    }
    .u-plxl45 {
      padding-left: 45px !important;
    }
    .u-plxl50 {
      padding-left: 50px !important;
    }
    .u-plxl55 {
      padding-left: 55px !important;
    }
    .u-plxl60 {
      padding-left: 60px !important;
    }
    .u-plxl65 {
      padding-left: 65px !important;
    }
    .u-plxl70 {
      padding-left: 70px !important;
    }
    .u-plxl75 {
      padding-left: 75px !important;
    }
    .u-plxl80 {
      padding-left: 80px !important;
    }
    .u-plxl85 {
      padding-left: 85px !important;
    }
    .u-plxl90 {
      padding-left: 90px !important;
    }
    .u-plxl95 {
      padding-left: 95px !important;
    }
    .u-plxl100 {
      padding-left: 100px !important;
    }
    .u-plxl105 {
      padding-left: 105px !important;
    }
    .u-plxl110 {
      padding-left: 110px !important;
    }
    .u-plxl115 {
      padding-left: 115px !important;
    }
    .u-plxl120 {
      padding-left: 120px !important;
    }
    .u-plxl125 {
      padding-left: 125px !important;
    }
    .u-plxl130 {
      padding-left: 130px !important;
    }
    .u-plxl135 {
      padding-left: 135px !important;
    }
    .u-plxl140 {
      padding-left: 140px !important;
    }
    .u-plxl145 {
      padding-left: 145px !important;
    }
    .u-plxl150 {
      padding-left: 150px !important;
    }
    .u-plxl155 {
      padding-left: 155px !important;
    }
    .u-plxl160 {
      padding-left: 160px !important;
    }
    .u-plxl165 {
      padding-left: 165px !important;
    }
    .u-plxl170 {
      padding-left: 170px !important;
    }
    .u-plxl175 {
      padding-left: 175px !important;
    }
    .u-plxl180 {
      padding-left: 180px !important;
    }
    .u-plxl185 {
      padding-left: 185px !important;
    }
    .u-plxl190 {
      padding-left: 190px !important;
    }
    .u-plxl195 {
      padding-left: 195px !important;
    }
    .u-plxl200 {
      padding-left: 200px !important;
    }
  }

  /* position
------------------------------------------------------------*/
  .u-poss {
    position: static !important;
  }

  .u-posr {
    position: relative !important;
  }

  .u-posa {
    position: absolute !important;
  }

  .u-posf {
    position: fixed !important;
  }

  .u-poss {
    position: sticky !important;
  }

  /* z-index
------------------------------------------------------------*/
  .u-z0 {
    z-index: 0 !important;
  }

  .u-z1 {
    z-index: 1 !important;
  }

  .u-z2 {
    z-index: 2 !important;
  }

  .u-z3 {
    z-index: 3 !important;
  }

  .u-z4 {
    z-index: 4 !important;
  }

  .u-z5 {
    z-index: 5 !important;
  }

  .u-z6 {
    z-index: 6 !important;
  }

  .u-z7 {
    z-index: 7 !important;
  }

  .u-z8 {
    z-index: 8 !important;
  }

  .u-z9 {
    z-index: 9 !important;
  }

  /* display
------------------------------------------------------------*/
  .u-di {
    display: inline !important;
  }

  .u-dn {
    display: none !important;
  }

  .u-db {
    display: block !important;
  }

  .u-dib {
    display: inline-block !important;
  }

  .u-dfx {
    display: flex !important;
  }

  .u-difx {
    display: inline-flex !important;
  }

  .u-dtb {
    display: table !important;
  }

  .u-ditb {
    display: inline-table !important;
  }

  .u-dtbhg {
    display: table-header-group !important;
  }

  .u-dtbfg {
    display: table-footer-group !important;
  }

  .u-dtbrg {
    display: table-row-group !important;
  }

  .u-dtbr {
    display: table-row !important;
  }

  .u-dtbc {
    display: table-cell !important;
  }

  .u-dli {
    display: list-item !important;
  }

  .u-dih {
    display: inherit !important;
  }

  .u-dc {
    display: contents !important;
  }

  /* Display control by device
- - - - - - - - - - - - - - - - - - */
  .u-dnxs {
    display: block;
  }

  @media only screen and (min-width: 375px) {
    .u-dnxs {
      display: none;
    }
  }

  .u-dns {
    display: block;
  }

  @media print, screen and (min-width: 480px) {
    .u-dns {
      display: none;
    }
  }

  .u-dnm {
    display: block;
  }

  @media print, screen and (min-width: 768px) {
    .u-dnm {
      display: none;
    }
  }

  .u-dnl {
    display: block;
  }

  @media print, screen and (min-width: 1020px) {
    .u-dnl {
      display: none;
    }
  }

  .u-dnxl {
    display: inline;
  }

  @media print, screen and (min-width: 1280px) {
    .u-dnxl {
      display: none;
    }
  }

  .u-dbxs {
    display: none;
  }

  @media only screen and (min-width: 375px) {
    .u-dbxs {
      display: block;
    }
  }

  .u-dbs {
    display: none;
  }

  @media print, screen and (min-width: 480px) {
    .u-dbs {
      display: block;
    }
  }

  .u-dbm {
    display: none;
  }

  @media print, screen and (min-width: 768px) {
    .u-dbm {
      display: block;
    }
  }

  .u-dbl {
    display: none;
  }

  @media print, screen and (min-width: 1020px) {
    .u-dbl {
      display: block;
    }
  }

  .u-dbxl {
    display: none;
  }

  @media print, screen and (min-width: 1280px) {
    .u-dbxl {
      display: inline;
    }
  }

  /* display inline */
  .u-dixs {
    display: none;
  }

  @media only screen and (min-width: 375px) {
    .u-dixs {
      display: inline;
    }
  }

  .u-dis {
    display: none;
  }

  @media print, screen and (min-width: 480px) {
    .u-dis {
      display: inline;
    }
  }

  .u-dim {
    display: none;
  }

  @media print, screen and (min-width: 768px) {
    .u-dim {
      display: inline;
    }
  }

  .u-dil {
    display: none;
  }

  @media print, screen and (min-width: 1020px) {
    .u-dil {
      display: inline;
    }
  }

  .u-dixl {
    display: none;
  }

  @media print, screen and (min-width: 1280px) {
    .u-dixl {
      display: inline;
    }
  }

  /* display inlineblock */
  .u-dibxs {
    display: none;
  }

  @media only screen and (min-width: 375px) {
    .u-dibxs {
      display: inline-block;
    }
  }

  .u-dibs {
    display: none;
  }

  @media print, screen and (min-width: 480px) {
    .u-dibs {
      display: inline-block;
    }
  }

  .u-dibm {
    display: none;
  }

  @media print, screen and (min-width: 768px) {
    .u-dibm {
      display: inline-block;
    }
  }

  .u-dibal {
    display: none;
  }

  @media print, screen and (min-width: 1020px) {
    .u-dibal {
      display: inline-block;
    }
  }

  .u-dibxl {
    display: none;
  }

  @media print, screen and (min-width: 1280px) {
    .u-dibxl {
      display: inline-block;
    }
  }

  /* display flex */
  .u-dfxs {
    display: none;
  }

  @media only screen and (min-width: 375px) {
    .u-dfxs {
      display: flex;
    }
  }

  .u-dfs {
    display: none;
  }

  @media print, screen and (min-width: 480px) {
    .u-dfs {
      display: flex;
    }
  }

  .u-dfm {
    display: none;
  }

  @media print, screen and (min-width: 768px) {
    .u-dfm {
      display: flex;
    }
  }

  .u-dfl {
    display: none;
  }

  @media print, screen and (min-width: 1020px) {
    .u-dfl {
      display: flex;
    }
  }

  .u-dfxl {
    display: none;
  }

  @media print, screen and (min-width: 1280px) {
    .u-dfxl {
      display: inline-block;
    }
  }

  /* paersentage width
-------------------------------------------------------------*/
  /* base
- - - - - - - - - - - - - - - - - - */
  .u-w0p {
    width: 0% !important;
  }

  .u-w5p {
    width: 5% !important;
  }

  .u-w10p {
    width: 10% !important;
  }

  .u-w15p {
    width: 15% !important;
  }

  .u-w20p {
    width: 20% !important;
  }

  .u-w25p {
    width: 25% !important;
  }

  .u-w30p {
    width: 30% !important;
  }

  .u-w35p {
    width: 35% !important;
  }

  .u-w40p {
    width: 40% !important;
  }

  .u-w45p {
    width: 45% !important;
  }

  .u-w50p {
    width: 50% !important;
  }

  .u-w55p {
    width: 55% !important;
  }

  .u-w60p {
    width: 60% !important;
  }

  .u-w65p {
    width: 65% !important;
  }

  .u-w70p {
    width: 70% !important;
  }

  .u-w75p {
    width: 75% !important;
  }

  .u-w80p {
    width: 80% !important;
  }

  .u-w85p {
    width: 85% !important;
  }

  .u-w90p {
    width: 90% !important;
  }

  .u-w95p {
    width: 95% !important;
  }

  .u-w100p {
    width: 100% !important;
  }

  /* screen size XS
- - - - - - - - - - - - - - - - - - */
  @media only screen and (min-width: 375px) {
    .u-wxs0p {
      width: 0% !important;
    }
    .u-wxs5p {
      width: 5% !important;
    }
    .u-wxs10p {
      width: 10% !important;
    }
    .u-wxs15p {
      width: 15% !important;
    }
    .u-wxs20p {
      width: 20% !important;
    }
    .u-wxs25p {
      width: 25% !important;
    }
    .u-wxs30p {
      width: 30% !important;
    }
    .u-wxs35p {
      width: 35% !important;
    }
    .u-wxs40p {
      width: 40% !important;
    }
    .u-wxs45p {
      width: 45% !important;
    }
    .u-wxs50p {
      width: 50% !important;
    }
    .u-wxs55p {
      width: 55% !important;
    }
    .u-wxs60p {
      width: 60% !important;
    }
    .u-wxs65p {
      width: 65% !important;
    }
    .u-wxs70p {
      width: 70% !important;
    }
    .u-wxs75p {
      width: 75% !important;
    }
    .u-wxs80p {
      width: 80% !important;
    }
    .u-wxs85p {
      width: 85% !important;
    }
    .u-wxs90p {
      width: 90% !important;
    }
    .u-wxs95p {
      width: 95% !important;
    }
    .u-wxs100p {
      width: 100% !important;
    }
  }

  /* screen size S
- - - - - - - - - - - - - - - - - - */
  @media print, screen and (min-width: 480px) {
    .u-ws0p {
      width: 0% !important;
    }
    .u-ws5p {
      width: 5% !important;
    }
    .u-ws10p {
      width: 10% !important;
    }
    .u-ws15p {
      width: 15% !important;
    }
    .u-ws20p {
      width: 20% !important;
    }
    .u-ws25p {
      width: 25% !important;
    }
    .u-ws30p {
      width: 30% !important;
    }
    .u-ws35p {
      width: 35% !important;
    }
    .u-ws40p {
      width: 40% !important;
    }
    .u-ws45p {
      width: 45% !important;
    }
    .u-ws50p {
      width: 50% !important;
    }
    .u-ws55p {
      width: 55% !important;
    }
    .u-ws60p {
      width: 60% !important;
    }
    .u-ws65p {
      width: 65% !important;
    }
    .u-ws70p {
      width: 70% !important;
    }
    .u-ws75p {
      width: 75% !important;
    }
    .u-ws80p {
      width: 80% !important;
    }
    .u-ws85p {
      width: 85% !important;
    }
    .u-ws90p {
      width: 90% !important;
    }
    .u-ws95p {
      width: 95% !important;
    }
    .u-ws100p {
      width: 100% !important;
    }
  }

  /* screen size M
- - - - - - - - - - - - - - - - - - */
  @media print, screen and (min-width: 768px) {
    .u-wm0p {
      width: 0% !important;
    }
    .u-wm5p {
      width: 5% !important;
    }
    .u-wm10p {
      width: 10% !important;
    }
    .u-wm15p {
      width: 15% !important;
    }
    .u-wm20p {
      width: 20% !important;
    }
    .u-wm25p {
      width: 25% !important;
    }
    .u-wm30p {
      width: 30% !important;
    }
    .u-wm35p {
      width: 35% !important;
    }
    .u-wm40p {
      width: 40% !important;
    }
    .u-wm45p {
      width: 45% !important;
    }
    .u-wm50p {
      width: 50% !important;
    }
    .u-wm55p {
      width: 55% !important;
    }
    .u-wm60p {
      width: 60% !important;
    }
    .u-wm65p {
      width: 65% !important;
    }
    .u-wm70p {
      width: 70% !important;
    }
    .u-wm75p {
      width: 75% !important;
    }
    .u-wm80p {
      width: 80% !important;
    }
    .u-wm85p {
      width: 85% !important;
    }
    .u-wm90p {
      width: 90% !important;
    }
    .u-wm95p {
      width: 95% !important;
    }
    .u-wm100p {
      width: 100% !important;
    }
  }

  /* screen size L
- - - - - - - - - - - - - - - - - - */
  @media print, screen and (min-width: 1020px) {
    .u-wl0p {
      width: 0% !important;
    }
    .u-wl5p {
      width: 5% !important;
    }
    .u-wl10p {
      width: 10% !important;
    }
    .u-wl15p {
      width: 15% !important;
    }
    .u-wl20p {
      width: 20% !important;
    }
    .u-wl25p {
      width: 25% !important;
    }
    .u-wl30p {
      width: 30% !important;
    }
    .u-wl35p {
      width: 35% !important;
    }
    .u-wl40p {
      width: 40% !important;
    }
    .u-wl45p {
      width: 45% !important;
    }
    .u-wl50p {
      width: 50% !important;
    }
    .u-wl55p {
      width: 55% !important;
    }
    .u-wl60p {
      width: 60% !important;
    }
    .u-wl65p {
      width: 65% !important;
    }
    .u-wl70p {
      width: 70% !important;
    }
    .u-wl75p {
      width: 75% !important;
    }
    .u-wl80p {
      width: 80% !important;
    }
    .u-wl85p {
      width: 85% !important;
    }
    .u-wl90p {
      width: 90% !important;
    }
    .u-wl95p {
      width: 95% !important;
    }
    .u-wl100p {
      width: 100% !important;
    }
  }

  /* screen size XL
- - - - - - - - - - - - - - - - - - */
  @media print, screen and (min-width: 1020px) {
    .u-wxl0p {
      width: 0% !important;
    }
    .u-wxl5p {
      width: 5% !important;
    }
    .u-wxl10p {
      width: 10% !important;
    }
    .u-wxl15p {
      width: 15% !important;
    }
    .u-wxl20p {
      width: 20% !important;
    }
    .u-wxl25p {
      width: 25% !important;
    }
    .u-wxl30p {
      width: 30% !important;
    }
    .u-wxl35p {
      width: 35% !important;
    }
    .u-wxl40p {
      width: 40% !important;
    }
    .u-wxl45p {
      width: 45% !important;
    }
    .u-wxl50p {
      width: 50% !important;
    }
    .u-wxl55p {
      width: 55% !important;
    }
    .u-wxl60p {
      width: 60% !important;
    }
    .u-wxl65p {
      width: 65% !important;
    }
    .u-wxl70p {
      width: 70% !important;
    }
    .u-wxl75p {
      width: 75% !important;
    }
    .u-wxl80p {
      width: 80% !important;
    }
    .u-wxl85p {
      width: 85% !important;
    }
    .u-wxl90p {
      width: 90% !important;
    }
    .u-wxl95p {
      width: 95% !important;
    }
    .u-wxl100p {
      width: 100% !important;
    }
  }

  /* border display controls
------------------------------------------------------------*/
  .u-bdn {
    border: none !important;
  }

  .u-bdtn {
    border-top: none !important;
  }

  .u-bdrn {
    border-right: none !important;
  }

  .u-bdbn {
    border-bottom: none !important;
  }

  .u-bdln {
    border-left: none !important;
  }

  /* backgroundcolor
------------------------------------------------------------*/
  .u-bgn {
    background: none !important;
  }

  .u-bgin {
    background-image: none !important;
  }

  .u-bgct {
    background-color: transparent !important;
  }

  /* text
============================================================*/
  /* text align
------------------------------------------------------------*/
  .u-tal {
    text-align: left !important;
  }

  .u-tac {
    text-align: center !important;
  }

  .u-tar {
    text-align: right !important;
  }

  .u-taj {
    text-align: justify !important;
  }

  /* font weight
------------------------------------------------------------*/
  .u-fwn {
    font-weight: normal !important;
  }

  .u-fwb {
    font-weight: bold !important;
  }

  /* font style
------------------------------------------------------------*/
  .u-fsn {
    font-style: normal !important;
  }

  .u-fsi {
    font-style: italic !important;
  }

  /* link
============================================================*/
  /* hover with hilight
------------------------------------------------------------*/
  .u-hlt:hover {
    opacity: 0.6;
    transition: opacity 0.2s linear;
    text-decoration: none !important;
  }

  .u-hlt5:hover {
    opacity: 0.5;
    transition: opacity 0.2s linear;
    text-decoration: none !important;
  }

  .u-hlt6:hover {
    opacity: 0.6;
    transition: opacity 0.2s linear;
    text-decoration: none !important;
  }

  .u-hlt7:hover {
    opacity: 0.7;
    transition: opacity 0.2s linear;
    text-decoration: none !important;
  }

  .u-hlt8:hover {
    opacity: 0.8;
    transition: opacity 0.2s linear;
    text-decoration: none !important;
  }

  .u-hlt9:hover {
    opacity: 0.9;
    transition: opacity 0.2s linear;
    text-decoration: none !important;
  }
}