@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabigothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
html {
  font-size: 62.5%
}

body {
  font-size: 1.4rem;
  font-family: Arial, YuGothic, "Yu Gothic", "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ ゴシック", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  -moz-osx-font-smoothing: auto;
  -webkit-font-kerning: normal;
  font-kerning: normal
}

@media all and (-ms-high-contrast:none) {
  body {
    font-family: "メイリオ", Meiryo, sans-serif
  }
}

@media all and (max-width:768px) {
  body {
    font-size: 1.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

a {
  text-decoration: none
}

a[href^=tel] {
  display: inline-block;
  cursor: default;
  color: inherit;
  pointer-events: none
}

@media all and (max-width:768px) {
  a[href^=tel] {
    pointer-events: auto
  }
}

.ua-sp a[href^=tel] {
  pointer-events: auto
}

input, select, textarea {
  width: 100%;
  vertical-align: middle;
  letter-spacing: normal
}

input, select {
  height: 3em;
  padding: .5em 1em
}

textarea {
  height: 9em;
  padding: .5em 1em
}

small {
  font-size: inherit
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: 400
}

ol, ul {
  list-style-type: none
}

figcaption, figure {
  margin: 0
}

figure {
  text-align: center
}

table {
  width: 100%
}

th {
  text-align: left
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
  vertical-align: top
}

[data$=".svg"], [src$=".svg"] {
  width: 100%
}

address, cite, dfn, em, i {
  font-style: normal
}

i, source {
  display: inline-block
}

i {
  line-height: 0;
  vertical-align: middle
}

picture {
  display: block;
  text-align: center;
  line-height: 0
}

code, pre {
  font-family: Consolas, Menlo, Courier, monospace
}

code {
  padding: .2em;
  border-radius: 3px;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, .06)
}

pre code {
  padding: 0;
  font-size: 1rem;
  background-color: inherit
}

svg {
  width: 20px;
  height: 20px
}

dd, dt, td, th {
  word-break: break-all
}


/*!
 * ress.css v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%
}

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

::after, ::before {
  text-decoration: inherit;
  vertical-align: inherit
}

* {
  padding: 0;
  margin: 0
}

audio:not([controls]) {
  display: none;
  height: 0
}

hr {
  overflow: visible
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block
}

summary {
  display: list-item
}

small {
  font-size: 80%
}

[hidden], template {
  display: none
}

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active, a:hover {
  outline-width: 0
}

code, kbd, pre, samp {
  font-family: monospace, monospace
}

b, strong {
  font-weight: bolder
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

input {
  border-radius: 0
}

[role=button], [type=button], [type=reset], [type=submit], button {
  cursor: pointer
}

[disabled] {
  cursor: default
}

[type=number] {
  width: auto
}

[type=search] {
  -webkit-appearance: textfield
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

textarea {
  overflow: auto;
  resize: vertical
}

button, input, optgroup, select, textarea {
  font: inherit
}

optgroup {
  font-weight: 700
}

button {
  overflow: visible
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: 0;
  padding: 0
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
  outline: 1px dotted ButtonText
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button
}

button, select {
  text-transform: none
}

button, input, select, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit
}

select {
  -moz-appearance: none;
  -webkit-appearance: none
}

select::-ms-expand {
  display: none
}

select::-ms-value {
  color: currentColor
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

img {
  border-style: none
}

progress {
  vertical-align: baseline
}

svg:not(:root) {
  overflow: hidden
}

audio, canvas, progress, video {
  display: inline-block
}

@media screen {
  [hidden~=screen] {
    display: inherit
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute!important;
    clip: rect(0 0 0 0)!important
  }
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled] {
  cursor: default
}

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}

.mf_finder_searchBox {
  margin: 0
}

.mf_finder_searchBox_items {
  padding: 0
}

.mf_finder_searchBox_query_input {
  border: none;
  font-size: inherit
}

.mf_finder_searchBox_submit:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding-left: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "検索";
  font-family: Arial, YuGothic, "Yu Gothic", "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ ゴシック", sans-serif;
  text-align: center
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}


.slick-track:after, .slick-track:before {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.aside {
  padding: 100px 0;
  background: url(/common/img/bg_pattern_02.png)
}

@media all and (max-width:768px) {
  .aside {
    padding: 50px 10px 95px
  }
}

.asideIn {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden
}

@media all and (max-width:768px) {
  .asideIn {
    width: 100%
  }
}

.asideIn>article+article {
  margin-top: 100px
}

@media all and (max-width:768px) {
  .asideIn>article+article {
    margin-top: 50px
  }
}

.asideNav {
  border-radius: 6px;
  background-color: #fff
}

.asideNavHeader {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  line-height: 1
}

@media all and (max-width:768px) {
  .asideNavHeader {
    font-size: 20px
  }
}

@media all and (-ms-high-contrast:none) {
  .asideNavHeader {
    letter-spacing: 0
  }
}

.ua-android .asideNavHeader {
  letter-spacing: 0
}

@media all and (-ms-high-contrast:none) {
  .asideNavHeader {
    letter-spacing: -.05em
  }
}

.asideNavHeader .ua-android {
  letter-spacing: -.05em
}

.asideNavHeader a, .asideNavHeader span {
  position: relative;
  display: block;
  padding: 13px 0;
  border-radius: 6px 6px 0 0;
  color: inherit;
  background-color: #007c64
}

@media all and (max-width:768px) {
  .asideNavHeader a, .asideNavHeader span {
    padding: 10px 0
  }
}

.asideNavHeader a:before {
  position: absolute;
  content: '';
  right: 16px;
  top: 50%;
  margin-top: -11px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #fff url(/common/img/icon/icon_arrow_r_02.png) no-repeat center;
  background-size: 10px 10px
}

@media all and (min-width:769px) {
  .asideNavHeader a:hover {
    background-color: #005745
  }
}

.asideNavIn {
  padding: 20px
}

@media all and (max-width:768px) {
  .asideNavIn {
    padding: 15px
  }
}

@media all and (max-width:768px) {
  .asideNavIn article+article {
    margin-top: 15px
  }
}

.asideNavTitle, .asideNavTitle+.asideNavTitle {
  padding: 9px 14px 7px;
  border-radius: 6px;
  background-color: #74b347;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1.5
}

@media all and (-ms-high-contrast:none) {
  .asideNavTitle, .asideNavTitle+.asideNavTitle {
    letter-spacing: 0
  }
}

.ua-android .asideNavTitle, .ua-android .asideNavTitle+.asideNavTitle {
  letter-spacing: 0
}

@media all and (-ms-high-contrast:none) {
  .asideNavTitle, .asideNavTitle+.asideNavTitle {
    letter-spacing: 0
  }
  .fzLL .asideNavTitle, .fzLL .asideNavTitle+.asideNavTitle {
    padding: 9px 10px 7px
  }
}

.asideNavTitle a, .asideNavTitle+.asideNavTitle a {
  position: relative;
  display: block;
  margin: -9px -14px -7px;
  padding: 9px 14px 7px 20px;
  border-radius: 6px;
  color: #fff
}

@media all and (-ms-high-contrast:none) {
  .asideNavTitle a, .asideNavTitle+.asideNavTitle a {
    letter-spacing: 0
  }
  .fzLL .asideNavTitle a, .fzLL .asideNavTitle+.asideNavTitle a {
    margin: -9px -10px -7px;
    padding: 9px 10px 7px 20px
  }
}

@media all and (min-width:769px) {
  .asideNavTitle a:hover, .asideNavTitle+.asideNavTitle a:hover {
    background-color: #5b992e
  }
}

.asideNavTitle a:before, .asideNavTitle+.asideNavTitle a:before {
  position: absolute;
  content: '';
  right: 10px;
  top: 50%;
  margin-top: -11px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #fff url(/common/img/icon/icon_arrow_r_03.png) no-repeat center;
  background-size: 10px 10px
}

.asideNavTitle [href*=".pdf"]:before {
  margin-top: -10px;
  width: 36px;
  height: 20px;
  border-radius: 0;
  background: url(/common/img/icon/icon_pdf_01.png) center/cover!important;
}

.asideNavTitle+.asideNavTitle+p, .asideNavTitle+p {
  padding: 15px 10px;
  font-size: 1.4rem!important;
  font-weight: 400;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em;
  line-height: 1.5;
}
.asideNav .asideNavNote {
  padding: 0 15px;
}
/*.asideNavTitle+.asideNavTitle+p,
.asideNavTitle+p {
  padding: 15px 10px;
}*/

@media all and (-ms-high-contrast:none) {
  .asideNavTitle+.asideNavTitle+p, .asideNavTitle+p {
    letter-spacing: 0
  }
}

.ua-android .asideNavTitle+.asideNavTitle+p, .ua-android .asideNavTitle+p {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .asideNav .asideNavNote {
    padding: 5px 5px 0px;
  }
  .asideNavTitle+.asideNavTitle+p, .asideNavTitle+p {
    padding: 10px 5px;
  }
}

.asideNavTitle+.asideNavTitle+.menuTitle, .asideNavTitle+.menuTitle {
  margin-top: 30px
}

.asideNavTitle+.asideNavTitleBtn a, .asideNavTitleBtn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 7rem;
  padding: 9px 14px 7px 40px
}

@media all and (max-width:768px) {
  .asideNavTitle+.asideNavTitleBtn a, .asideNavTitleBtn a {
    padding: 9px 40px 7px 16px
  }
}

.asideNavTitle+.asideNavTitleBtn a:before, .asideNavTitleBtn a:before {
  right: auto;
  left: 10px
}

@media all and (max-width:768px) {
  .asideNavTitle+.asideNavTitleBtn a:before, .asideNavTitleBtn a:before {
    left: auto;
    right: 10px
  }
}

.fzL .asideNavTitle+.asideNavTitleBtn a, .fzL .asideNavTitleBtn a, .fzLL .asideNavTitle+.asideNavTitleBtn a, .fzLL .asideNavTitleBtn a {
  letter-spacing: -.05em
}

@media all and (-ms-high-contrast:none) {
  .fzL .asideNavTitle+.asideNavTitleBtn a, .fzL .asideNavTitleBtn a, .fzLL .asideNavTitle+.asideNavTitleBtn a, .fzLL .asideNavTitleBtn a {
    font-size: 1.5rem
  }
}

.asideNavText {
  padding: 0 10px;
  font-size: 1.6rem!important;
  font-weight: 400;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em;
  line-height: 1.5
}

@media all and (-ms-high-contrast:none) {
  .asideNavText {
    letter-spacing: 0
  }
}

.ua-android .asideNavText {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .asideNavText {
    padding: 0;
    font-size: 14px!important
  }
}

.asideNavText span {
  font-size: 1.2rem!important
}

@media all and (max-width:768px) {
  .asideNavText+p {
    padding: 0 5px
  }
}

.asideNav .gridCol4 ul, .asideNav .gridCol6>ul {
  padding: 15px
}

.asideNav .gridCol4 ul+.asideNavTitle, .asideNav .gridCol6>ul+.asideNavTitle {
  margin-top: 10px
}

@media all and (max-width:768px) {
  .asideNav .gridCol4 ul+.asideNavTitle, .asideNav .gridCol6>ul+.asideNavTitle {
    margin-top: 15px
  }
}

@media all and (max-width:768px) {
  .asideNav .gridCol4 ul, .asideNav .gridCol6>ul {
    padding: 0 10px
  }
}

@media all and (max-width:768px) {
  .asideNav .gridGuttersp0 {
    padding: 0 10px
  }
  .asideNav .gridGuttersp0 .gridCol6>ul {
    padding: 0 10px 0 0
  }
}

.asideNav .gridCol4 li, .asideNav .gridCol6>ul>li {
  position: relative;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna'
}

@media all and (max-width:768px) {
  .asideNav .gridCol4 li, .asideNav .gridCol6>ul>li {
    margin-top: 10px
  }
}

.asideNav .gridCol4 li+li, .asideNav .gridCol6>ul>li+li {
  margin-top: 10px
}

.asideNav .gridCol4 li a, .asideNav .gridCol6>ul>li a {
  position: relative;
  display: inline-block;
  color: #000;
  padding-left: 17px;
}
.asideNav .gridCol6>ul>li a.sizeL {
  font-size: 16px;
}

@media all and (min-width:769px) {
  .asideNav .gridCol4 li a, .asideNav .gridCol6>ul>li a {
    text-decoration: none
  }
  .asideNav .gridCol4 li a:hover, .asideNav .gridCol6>ul>li a:hover {
    text-decoration: underline
  }
}
@media all and (max-width:768px) {
  .asideNav .gridCol6>ul>li a.sizeL {
    font-size: 16px;
  }
}

.asideNav .gridCol4 li a:before,
.asideNav .gridCol6>ul>li a:before{
  position: absolute;
  content: '';
  top: .5rem;
  left: 0;
  width: 10px;
  height: 10px;
  background: url(/common/img/icon/icon_arrow_r_02.png) no-repeat center/cover
}

.asideNav .gridCol4 li a[target="_blank"]:before, .asideNav .gridCol6>ul>li a[target="_blank"]:before {
/*  background: url(/common/img/icon/icon_blank_02.png) no-repeat center/cover*/
}

.asideNav .gridCol4 li a[href*=".pdf"]:after, .asideNav .gridCol6>ul>li a[href*=".pdf"]:after {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  top: .2rem;
  content: '';
  width: 26px;
  height: 14px;
  background: url(/common/img/icon/icon_pdf_01.png) center/cover
}

.asideNav .btn01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  min-height: 64px;
  height: auto;
  padding: 10px 45px 8px 18px;
  margin: 0 10px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  border-bottom: 4px solid #004d3d;
  background-color: #007c64;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  line-height: 1.3333
}

@media all and (-ms-high-contrast:none) {
  .asideNav .btn01 {
    -webkit-box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35)
  }
}

@media all and (-ms-high-contrast:none) {
  .asideNav .btn01 {
    height: 64px;
    padding: 10px 40px 8px 15px;
    letter-spacing: -.05em
  }
  .fzL .asideNav .btn01, .fzLL .asideNav .btn01 {
    height: auto
  }
}

@media all and (min-width:769px) {
  .asideNav .btn01:hover {
    background-color: #005745
  }
}

.asideNav .btn01:before {
  position: absolute;
  content: '';
  top: 50%;
  right: 18px;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  background: url(/common/img/icon/icon_blank_03.png) center/cover
}

@media all and (-ms-high-contrast:none) {
  .asideNav .btn01:before {
    right: 12px
  }
}

.asideNav .btn01 span {
  position: relative;
  display: block
}

.fzLL .asideNav .btn01 span {
  letter-spacing: .075em
}

@media all and (-ms-high-contrast:none) {
  .fzLL .asideNav .btn01 span {
    letter-spacing: 0
  }
}

.ua-android .fzLL .asideNav .btn01 span {
  letter-spacing: 0
}

.fzLL .asideNav .btn01 br {
  display: none
}

.asideNav .btn01-02 {
  margin: 0;
  padding: 24px 45px 21px 18px
}

.asideNav .modCard {
  margin-top: 20px
}

.asideNavRisk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px
}

@media all and (max-width:768px) {
  .asideNavRisk {
    margin-top: 10px
  }
}

.asideNavRisk figure {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 40px
}

@media all and (max-width:768px) {
  .asideNavRisk figure {
    display: none
  }
}

.asideNavRisk figure img {
  border-radius: 6px
}

.asideNavRisk>div {
  padding-right: 20px
}

@media all and (max-width:768px) {
  .asideNavRisk>div {
    padding: 0 10px 10px
  }
}

.asideNavRisk>div p {
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .asideNavRisk>div p {
    letter-spacing: 0
  }
}

.ua-android .asideNavRisk>div p {
  letter-spacing: 0
}

.asideNavRisk>div .btn01-02 {
  margin-top: 10px
}

@media all and (max-width:768px) {
  .asideNav .gridCol6 .gridCol6:first-child, .asideNav .gridCol8 .gridCol6:first-child {
    padding-bottom: 0
  }
}

.asideNavSearch {
  padding: 20px
}

@media all and (max-width:768px) {
  .asideNavSearch {
    padding: 15px 10px 5px
  }
}

.asideNavSearch>div>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media all and (max-width:768px) {
  .asideNavSearch>div>div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.asideNavSearch>div>div input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 410px;
  height: 4rem;
  padding: 10px;
  margin-right: 20px;
  border-radius: 6px;
  background-color: #e5e5e5
}

@media all and (max-width:768px) {
  .asideNavSearch>div>div input[type=text] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: auto;
    height: 30px;
    padding: 5px;
    margin-right: 10px;
    border-radius: 3px
  }
}

.asideNavSearch>div>div button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  width: 100px;
  height: 4rem;
  padding: 0;
  padding-left: 16px;
  border-radius: 6px;
  background: #007c64 url(/common/img/icon/icon_search_01.svg) no-repeat left 10px center;
  background-size: 20px 20px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1
}

@media all and (max-width:768px) {
  .asideNavSearch>div>div button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 70px;
    height: 30px;
    border-radius: 3px;
    background-size: 15px 15px;
    font-size: 14px
  }
}

@media all and (min-width:769px) {
  .asideNavSearch>div>div button:hover {
    background-color: #005745
  }
}

.asideNavSearch>div>div select {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-width: 15rem;
  height: 4rem;
  padding: 0 30px 0 52px;
  border-radius: 6px;
  background-color: #74b347;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  cursor: pointer;
  line-height: 1
}

@supports (-ms-ime-align:auto) {
  .asideNavSearch>div>div select {
    padding-top: 7px
  }
}

@media all and (max-width:768px) {
  .asideNavSearch>div>div select {
    height: 30px;
    min-width: 120px;
    border-radius: 3px;
    padding: 0 15px 0 38px;
    font-size: 14px
  }
}

.asideNavSearch>div>div+div {
  margin-top: 20px
}

@media all and (max-width:768px) {
  .asideNavSearch>div>div+div {
    margin-top: 15px
  }
}

.asideNavSearchCategory {
  position: relative
}

.asideNavSearchCategory:before {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -10px;
  content: '';
  width: 20px;
  height: 20px;
  background: url(/common/img/icon/icon_all_01.svg) center/cover
}

@media all and (max-width:768px) {
  .asideNavSearchCategory:before {
    width: 16px;
    height: 16px;
    margin-top: -8px
  }
}

.asideNavSearchSort {
  position: relative;
  margin-left: 10px
}

.asideNavSearchSort:before {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -13px;
  content: '';
  width: 26px;
  height: 26px;
  background: url(/common/img/icon/icon_sort_01.svg) center/cover
}

@media all and (max-width:768px) {
  .asideNavSearchSort:before {
    width: 20px;
    height: 20px;
    margin-top: -10px
  }
}

.asideNavSearchCategory:after, .asideNavSearchSort:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 10px;
  margin-top: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #fff transparent transparent transparent
}

.asideNavTitle+.gridWrap {
  margin: 15px 0 0
}

@media all and (max-width:768px) {
  .asideNavTitle+.gridWrap {
    margin-top: 0
  }
}

.asideNavTitle+.gridWrap .asideNavText {
  padding: 0 0 0 10px
}

@media all and (max-width:768px) {
  .asideNavTitle+.gridWrap .asideNavText {
    margin-top: 10px;
    padding: 0 6px
  }
}

.asideNavTitle+.gridWrap ul {
  padding-top: 0
}

.asideNavTitle+.gridWrap .btnCmn {
  position: relative;
  padding: 20px;
  font-weight: 700
}

.asideNavTitle+.gridWrap .btnCmn:before {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #007c64 url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover;
  background-size: 10px 10px
}

.asideNavTitle+.gridWrap .btnCmn[href*=".pdf"]:before {
  margin-top: -10px;
  width: 36px;
  height: 20px;
  border-radius: 0;
  background: url(/common/img/icon/icon_pdf_01.png) center/cover;
  background-size: 36px 20px
}

.asideNavTitle+.gridWrap+.asideNavText {
  margin-top: 15px
}

@media all and (max-width:768px) {
  .asideNavTitle+.gridWrap+.asideNavText {
    padding: 0 6px
  }
}

.boxCmn+.asideNav {
  margin-top: 100px
}

@media all and (max-width:768px) {
  .boxCmn+.asideNav {
    margin-top: 50px
  }
}

body {
  position: relative;
  min-width: 1300px
}

@media all and (max-width:768px) {
  body {
    min-width: 0
  }
}

.ua-android body {
  font-family: "モトヤLシーダ3等幅", MotoyaLCedar, sans-serif
}

html.fzM {
  font-size: 62.5%
}

html.fzL {
  font-size: 71.4285%
}

@media all and (max-width:768px) {
  html.fzL {
    font-size: 62.5%
  }
}

html.fzLL {
  font-size: 80.3571%
}

@media all and (max-width:768px) {
  html.fzLL {
    font-size: 62.5%
  }
}

.footer {
  position: relative
}

.footer .pageTop {
  position: fixed;
  bottom: 10px;
  right: 20px;
  width: 50px;
  height: 45px
}

@media all and (max-width:768px) {
  .footer .pageTop {
    position: absolute;
    bottom: auto;
    top: -40px;
    right: 10px;
    width: 45px;
    height: 40px
  }
}

.footer .pageTop a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 21px;
  background-color: #74b347;
  color: #fff;
  font-weight: 700;
  text-align: center;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .1em
}

@media all and (-ms-high-contrast:none) {
  .footer .pageTop a {
    letter-spacing: 0
  }
}

.ua-android .footer .pageTop a {
  letter-spacing: 0
}

@media all and (min-width:769px) {
  .footer .pageTop a:hover {
    background-color: #5b992e
  }
}

.footer .pageTop a:before {
  position: absolute;
  content: '';
  top: 13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 31px;
  height: 19px;
  background: url(/common/img/icon/icon_arrow_t_01.png) no-repeat center/cover
}

@media all and (max-width:768px) {
  .footer .pageTop a:before {
    top: 12px;
    width: 28px;
    height: 17px;
    background: url(/common/img/icon/icon_arrow_t_01.png) no-repeat center/cover
  }
}

@media all and (max-width:768px) {
  .footerBanner {
    margin: 0 25px
  }
}

.footerBanner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px
}

@media all and (max-width:768px) {
  .footerBanner ul {
    margin: -15px 0 0 -15px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.footerBanner ul+ul {
  margin-top: 30px
}

@media all and (max-width:768px) {
  .footerBanner ul+ul {
    margin-top: 0
  }
}

.footerBanner li {
  width: 20%;
  padding: 0 10px
}
@media all and (min-width:769px) {
	.footerBanner li:not(:nth-child(-n + 5)) {
	  margin-top: 30px;
	}
}
@media all and (max-width:768px) {
  .footerBanner li {
    width: 50%;
    margin-top: 15px;
    padding: 0 0 0 15px;
    text-align: center
  }
  .footerBanner li img {
    width: 100%;
  }
}

@media all and (min-width:769px) {
  .footerBanner a {
    opacity: 1
  }
  .footerBanner a:hover {
    opacity: .65
  }
}

.footerBanner+.footerLink {
  margin-top: 30px
}

@media all and (max-width:768px) {
  .footerBanner+.footerLink {
    margin-top: 25px
  }
}

.footerMain {
  background-color: #007c64
}

.footerMainIn {
  width: 1200px;
  margin: 0 auto;
  padding: 30px 0 28px;
  overflow: hidden
}

@media all and (max-width:768px) {
  .footerMainIn {
    width: 100%;
    padding: 20px 0 30px
  }
}

.footerLink {
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna'
}

@media all and (max-width:768px) {
  .footerLink {
    margin-top: 5px;
    padding: 0 10px
  }
}

@media all and (max-width:768px) {
  .footerLink .gridWrap>div {
    width: 100%
  }
}

.footerLink .gridCol3>div+div {
  margin-top: 30px
}

@media all and (max-width:768px) {
  .footerLink .gridCol3>div+div {
    margin-top: 0
  }
}

.footerLink .gridCol3>div span {
  display: none
}

@media all and (max-width:768px) {
  .footerLink .gridCol3>div span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    padding-left: 15px;
    border-bottom: 1px solid #ccc;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1
  }
  .footerLink .gridCol3>div span:before {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 15px;
    content: '';
    width: 18px;
    height: 2px;
    background-color: #fff
  }
  .footerLink .gridCol3>div span:after {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 23px;
    content: '';
    width: 2px;
    height: 18px;
    background-color: #fff
  }
  .footerLink .gridCol3>div span.isOpen:after {
    display: none
  }
}

@media all and (max-width:768px) and (max-width:768px) {
  .footerLink .gridCol3>div span.isOpen+div {
    display: block
  }
}

@media all and (max-width:768px) and (max-width:768px) {
  .footerLink .gridCol3>div span+div {
    display: none
  }
}

.footerLink p {
  font-size: 1.6rem;
  font-weight: 700
}

@media all and (max-width:768px) {
  .footerLink p {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    padding-left: 15px;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    line-height: 1
  }
}

.footerLink p a {
  position: relative;
  padding-left: 13px;
  color: #fff
}

@media all and (min-width:769px) {
  .footerLink p a {
    text-decoration: none
  }
  .footerLink p a:hover {
    text-decoration: underline
  }
}

@media all and (max-width:768px) {
  .footerLink p a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 15px
  }
}

.footerLink p a:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  margin-top: -6px;
  width: 10px;
  height: 10px;
  background: url(/common/img/icon/icon_arrow_r_01.png) center/cover
}

.footerLink ul {
  padding: 0 5px 0 20px
}

@media all and (max-width:768px) {
  .footerLink ul {
    padding: 0
  }
}

.footerLink ul+p {
  margin-top: 30px
}

@media all and (max-width:768px) {
  .footerLink ul+p {
    margin-top: 0
  }
}

.footerLink li {
  margin-top: 1rem;
  line-height: 2rem
}

@media all and (max-width:768px) {
  .footerLink li {
    margin-top: 0;
    padding-left: 25px;
    border-bottom: 1px solid #ccc
  }
}

.footerLink li a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  color: #fff
}

@media all and (min-width:769px) {
  .footerLink li a {
    text-decoration: none
  }
  .footerLink li a:hover {
    text-decoration: underline
  }
}

@media all and (max-width:768px) {
  .footerLink li a {
    display: block;
    padding: 12px 0 12px 18px
  }
}

.footerLink li a:before {
  position: absolute;
  content: '';
  top: .5rem;
  left: 0;
  width: 10px;
  height: 10px;
  background: url(/common/img/icon/icon_arrow_r_01.png) center/cover
}

@media all and (max-width:768px) {
  .footerLink li a:before {
    top: calc(.5rem + 12px)
  }
}

.footerLink li a[target="_blank"]:before {
  background: url(/common/img/icon/icon_blank_01.png) center/cover
}

.footerLink .gridWrap>div:last-child {
  padding-top: calc(1.6rem * 1.5)
}

@media all and (max-width:768px) {
  .footerLink .gridWrap>div:last-child {
    padding-top: 10px
  }
  .footerLink .gridWrap>div:last-child li {
    margin-top: 1rem;
    padding: 0 15px;
    border-bottom: none;
    font-size: 1.2rem;
    letter-spacing: .05em
  }
}

@media all and (max-width:768px) and (-ms-high-contrast:none) {
  .footerLink .gridWrap>div:last-child li {
    letter-spacing: 0
  }
}

@media all and (max-width:768px) {
  .ua-android .footerLink .gridWrap>div:last-child li {
    letter-spacing: 0
  }
  .footerLink .gridWrap>div:last-child li a {
    padding: 0 0 0 18px
  }
  .footerLink .gridWrap>div:last-child li a:before {
    top: .5rem
  }
}

.footerBottom {
  background-color: #004d3d
}

.footerBottomIn {
  width: 1200px;
  margin: 0 auto;
  padding: 30px 0 40px
}

@media all and (max-width:768px) {
  .footerBottomIn {
    width: 355px;
    padding: 22px 0 30px
  }
}

.footerBottomLink {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media all and (max-width:768px) {
  .footerBottomLink {
    margin-top: 20px
  }
}

.footerBottomLink li {
  padding: 0 10px 0 15px;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 700
}

@media all and (max-width:768px) {
  .footerBottomLink li {
    margin-top: 10px
  }
  .footerBottomLink li:nth-child(3) {
    padding: 0 0 0 15px
  }
  .footerBottomLink li:nth-child(1), .footerBottomLink li:nth-child(4) {
    padding: 0 10px 0 0;
    border-left: none
  }
}

.footerBottomLink li a {
  color: #fff;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna'
}

@media all and (min-width:769px) {
  .footerBottomLink li a {
    opacity: 1
  }
  .footerBottomLink li a:hover {
    opacity: .65
  }
}

.footerBottomLink li+li {
  border-left: 1px solid #fff
}

.footerBottomLink li .iconArrow {
  position: relative;
  width: 1.4rem
}

.footerBottomLink li .iconArrow:before {
  position: absolute;
  top: -6px;
  left: 0;
  content: '';
  width: 10px;
  height: 10px;
  background: url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover
}

.footerBottomLink li .iconBlank {
  position: relative;
  width: 1.2rem
}

.footerBottomLink li .iconBlank:before {
  position: absolute;
  top: -5px;
  left: 0;
  content: '';
  width: 8px;
  height: 8px;
  background: url(/common/img/icon/icon_blank_01.png) center/cover
}

.footerBottom p {
  margin-top: 28px;
  color: #fff;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center
}

@media all and (max-width:768px) {
  .footerBottom p {
    margin-top: 25px;
    font-size: 1rem
  }
}

.footerLogo {
  margin: 0 auto;
  width: 170px;
  height: 35px
}

@media all and (min-width:769px) {
  .footerLogo a {
    opacity: 1
  }
  .footerLogo a:hover {
    opacity: .65
  }
}

.wrapper {
  min-width: 1200px
}

@media all and (max-width:768px) {
  .wrapper {
    width: 100%;
    min-width: 320px;
    margin-top: 55px
  }
}

.contents {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 100px
}

.contents::after {
  content: "";
  display: table;
  clear: both
}

@media all and (max-width:768px) {
  .contents {
    width: calc(100% - 20px);
    padding-bottom: 50px
  }
}

.contentsHeader {
  position: relative;
  width: 1200px;
  margin: 0 auto
}

@media all and (max-width:768px) {
  .contentsHeader {
    width: calc(100% - 20px)
  }
}

.contents>article>article+article {
  margin-top: 30px
}

@media all and (max-width:768px) {
  .contents>article>article+article {
    margin-top: 20px
  }
}

.contents>article>article article+article {
  margin-top: 20px
}

@media all and (max-width:768px) {
  .contents>article>article article+article {
    margin-top: 15px
  }
}

.contentsMain {
  float: left;
  width: 900px;
  margin-top: 64px
}

@media all and (max-width:768px) {
  .contentsMain {
    float: none;
    width: 100%;
    margin-top: 45px
  }
}

.contentsMain>article:first-child .ttl02:first-child {
  margin-top: 0
}

.contentsSub {
  float: right;
  width: 278px;
  margin-top: 64px
}

@media all and (max-width:768px) {
  .contentsSub {
    float: none;
    width: 100%;
    margin-top: 45px;
    padding-bottom: 45px
  }
}

.contentsIn {
  padding: 0 20px
}

@media all and (max-width:768px) {
  .contentsIn {
    padding: 0 15px
  }
}

@media all and (min-width:769px) {
  .contentsIn {
    font-size: 1.6rem
  }
}

.contentsIn .ttl03 {
  margin-top: 30px
}

@media all and (max-width:768px) {
  .contentsIn .ttl03 {
    margin-top: 20px
  }
}

.contentsIn .ttl03+.boxCmnBg, .contentsIn .ttl03+.txtCmn {
  margin-top: 15px
}

.contentsIn .boxCmnBg {
  margin: 30px 0
}

@media all and (max-width:768px) {
  .contentsIn .boxCmnBg {
    margin: 15px -15px
  }
}

@media all and (min-width:769px) {
  .contentsIn .boxCmnBgOut {
    margin: 45px -20px 30px
  }
}

.contentsIn thead th {
  font-size: 1.4rem
}

@media all and (max-width:768px) {
  .contentsIn thead th {
    padding: 10px 5px 9px;
    font-size: 12px
  }
}

.contentsIn tbody td {
  padding: 18px 20px
}

@media all and (max-width:768px) {
  .contentsIn tbody td {
    padding: 10px;
    font-size: 12px
  }
}

.contentsIn .txtCmn+.txtCmn {
  margin-top: 1.5em
}

.contentsIn .txtCmn+.listNote {
  margin-top: 20px
}

.contentsIn .txtCmn+.listDefault {
  margin-top: 20px
}

@media all and (max-width:768px) {
  .contentsIn .txtCmn+.listNote {
    margin-top: 5px
  }
  .contentsIn .txtCmn+.listDefault {
    margin-top: 5px
  }
}

.contentsIn>article>article+article {
  margin-top: 26px
}

@media all and (max-width:768px) {
  .contentsIn>article>article+article {
    margin-top: 16px
  }
}

@media all and (min-width:769px) {
  .contentsIn .btnCmnIcon i {
    width: 38px;
    height: 38px
  }
}

.contentsIn [class^=btn]+.txtCmn {
  margin-top: 12px
}

@media all and (min-width:769px) {
  .contentsIn [class^=btn]+.txtCmn {
    padding-bottom: 10px
  }
}

@media all and (max-width:768px) {
  .contentsIn [class^=btnWrap] {
    width: 100%;
    margin-top: 15px
  }
}

.ua-android .contentsIn .btnWrapW345 .btnRnd {
  padding-right: 35px
}

.ua-android .contentsIn .btnWrapW345 .btnRnd:before {
  right: 15px
}

.contentsIn .listDot+.txtCmn {
  margin-top: 8px
}

.partsContents {
  position: relative;
  width: 1200px;
  margin: 0 auto
}

@media all and (max-width:768px) {
  .partsContents {
    width: calc(100% - 20px)
  }
}

.partsContentsIn {
  padding: 0 20px
}

@media all and (max-width:768px) {
  .partsContentsIn {
    padding: 0 15px
  }
}

@media all and (max-width:768px) {
  .noAside {
    padding-bottom: 100px
  }
}

@media all and (max-width:768px) {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 55px;
    z-index: 10;
    background-color: #fff
  }
}

.headerIn {
  position: relative;
  width: 1200px;
  margin: 1.5rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media all and (max-width:768px) {
  .headerIn {
    width: 100%;
    margin-top: 0;
    height: 55px;
    border-top: 5px solid #007c64
  }
}

@media all and (max-width:768px) {
  .headerIn .textResizer {
    display: none
  }
}

.headerPcTop {
  height: 30px;
  background-color: #007c64
}

@media all and (max-width:768px) {
  .headerPcTop {
    display: none!important
  }
}

.headerPcTopIn {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media all and (max-width:768px) {
  .headerPcTopIn {
    width: 100%
  }
}

.headerPcTop ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px
}

.headerPcTop ul li {
  padding: 0 10px 0 15px;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 700
}

.headerPcTop ul li a {
  position: relative;
  color: #fff;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .headerPcTop ul li a {
    letter-spacing: 0
  }
}

.ua-android .headerPcTop ul li a {
  letter-spacing: 0
}

@media all and (min-width:769px) {
  .headerPcTop ul li a {
    opacity: 1
  }
  .headerPcTop ul li a:hover {
    opacity: .65
  }
}

.headerPcTop ul li+li {
  border-left: 1px solid #fff
}

.headerPcTop ul li .iconArrow {
  position: relative;
  width: 1.4rem
}

.headerPcTop ul li .iconArrow:before {
  position: absolute;
  top: -6px;
  left: 0;
  content: '';
  width: 10px;
  height: 10px;
  background: url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover
}

.headerPcTop ul li .iconBlank {
  position: relative;
  width: 1.2rem
}

.headerPcTop ul li .iconBlank:before {
  position: absolute;
  top: -5px;
  left: 0;
  content: '';
  width: 8px;
  height: 8px;
  background: url(/common/img/icon/icon_blank_01.png) center/cover
}

.headerPcTop ul li.headerPcDocument, .headerPcTop ul li.headerPcLogin {
  position: relative;
  padding: 0;
  width: 14rem;
  margin-left: 10px;
  border-left: none
}

.headerPcTop ul li.headerPcDocument a, .headerPcTop ul li.headerPcLogin a {
  position: absolute;
  top: -15px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding-right: 10px;
  height: 3.5rem;
  border-radius: 0 0 6px 6px;
  text-align: center
}

.headerPcTop ul li.headerPcDocument a:before, .headerPcTop ul li.headerPcLogin a:before {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
  content: '';
  width: 12px;
  height: 12px;
  background: url(/common/img/icon/icon_blank_01.png) center/cover
}

.headerPcTop ul li.headerPcLogin a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #004d3d
}

.headerPcTop ul li.headerPcLogin a:before {
  right: 5px
}

@media all and (min-width:769px) {
  .headerPcTop ul li.headerPcLogin a:hover {
    opacity: 1;
    background-color: #00271f
  }
}

.headerPcTop ul li.headerPcLogin a span {
  display: block;
  margin-bottom: 2px;
  margin-left: -5px;
  font-size: 1rem;
  -webkit-transform: scale(.9);
  transform: scale(.9);
  text-align: left
}

@media all and (-ms-high-contrast:none) {
  .headerPcTop ul li.headerPcLogin a span {
    margin-left: -8px;
    letter-spacing: -.03em
  }
}

.headerPcTop ul li.headerPcDocument a {
  background-color: #74b247;
  font-size: 1.4rem;
  letter-spacing: .1em
}

@media all and (-ms-high-contrast:none) {
  .headerPcTop ul li.headerPcDocument a {
    letter-spacing: 0
  }
}

.ua-android .headerPcTop ul li.headerPcDocument a {
  letter-spacing: 0
}

@media all and (min-width:769px) {
  .headerPcTop ul li.headerPcDocument a:hover {
    opacity: 1;
    background-color: #5b992e
  }
}

.headerLogo {
  position: absolute;
  top: 0;
  left: 0
}

@media all and (max-width:768px) {
  .headerLogo {
    top: 10px;
    left: 10px
  }
}

.headerLogo a {
  display: block;
  width: 17rem
}

@media all and (min-width:769px) {
  .headerLogo a {
    opacity: 1
  }
  .headerLogo a:hover {
    opacity: .65
  }
}

@media all and (max-width:768px) {
  .headerLogo a {
    width: 120px
  }
}

.textResizer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: .5rem
}

.textResizer>* {
  font-size: 1.2rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .textResizer>* {
    letter-spacing: 0
  }
}

.ua-android .textResizer>* {
  letter-spacing: 0
}

.textResizer dt {
  margin-right: 4px;
  font-weight: 700
}

.textResizer dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 5rem;
  height: 3rem;
  margin-left: 5px;
  border-radius: 1.5rem;
  background-color: #e6e6e6;
  cursor: pointer
}

@media all and (min-width:769px) {
  .textResizer dd:hover {
    background-color: #bfbfbf
  }
}

.textResizer dd#js_fzM {
  color: #fff;
  background-color: #007c64
}

.fzL .textResizer dd#js_fzM, .fzLL .textResizer dd#js_fzM {
  color: #000;
  background-color: #e6e6e6
}

.fzL .textResizer dd#js_fzL {
  color: #fff;
  background-color: #007c64
}

.fzLL .textResizer dd#js_fzLL {
  color: #fff;
  background-color: #007c64
}

.headerSearch {
  margin: .5rem 0 0 20px;
  border-radius: 6px;
  background-color: #e5e5e5
}

@media all and (max-width:768px) {
  .headerSearch {
    display: none
  }
}

.headerSearch form {
  position: relative;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .headerSearch form {
    letter-spacing: 0
  }
}

.ua-android .headerSearch form {
  letter-spacing: 0
}

.headerSearch input[type=search], .headerSearch input[type=text] {
  width: 200px;
  padding: 0 40px 0 10px;
  height: 3rem
}

.headerSearch input[type=search]::-webkit-input-placeholder, .headerSearch input[type=text]::-webkit-input-placeholder {
  color: #999;
  font-size: 12px
}

.headerSearch input[type=search]::-ms-input-placeholder, .headerSearch input[type=text]::-ms-input-placeholder {
  color: #999;
  font-size: 12px
}

.headerSearch input[type=search]::placeholder, .headerSearch input[type=text]::placeholder {
  color: #999;
  font-size: 12px
}

.headerSearch input[type=search] :-ms-input-placeholder, .headerSearch input[type=text] :-ms-input-placeholder {
  color: #999!important
}

.headerSearch button, .headerSearch input[type=submit] {
  display: inline-block;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(/common/img/icon/icon_search_01.png) center/cover;
  text-indent: -9999px;
  overflow: hidden
}

@media all and (min-width:769px) {
  .headerSearch button, .headerSearch input[type=submit] {
    opacity: 1
  }
  .headerSearch button:hover, .headerSearch input[type=submit]:hover {
    opacity: .65
  }
}

@media all and (min-width:769px) {
  .headerSp {
    display: none
  }
}

.headerSp>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.headerSp>ul>li {
  height: 50px;
  margin: 0 5px
}

.headerSp>ul>li>a, .headerSp>ul>li>p {
  display: block;
  position: relative;
  width: 40px;
  height: 50px
}

.headerSp>ul>li>a:after, .headerSp>ul>li>p:after {
  position: absolute;
  top: 33px;
  width: 100%;
  -webkit-transform: scale(.9);
  transform: scale(.9);
  color: #007c64;
  font-size: 1rem;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  text-align: center
}

.headerSp>ul>li:first-child>a:before {
  position: absolute;
  content: '';
  top: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background: url(/common/img/icon/icon_login_01.svg) center/cover
}

.headerSp>ul>li:first-child>a:after {
  content: 'ログイン'
}

.headerSp>ul>li:nth-child(2)>a:before {
  position: absolute;
  content: '';
  top: 10px;
  left: 50%;
  margin-left: -8px;
  width: 24px;
  height: 20px;
  background: url(/common/img/icon/icon_document_01.svg) no-repeat center/contain
}

.headerSp>ul>li:nth-child(2)>a:after {
  content: '資料請求'
}

.headerSp>ul>li:nth-child(3)>p>span {
  position: absolute;
  left: 9px;
  display: block;
  width: 22px;
  height: 2px;
  background-color: #007c64
}

.headerSp>ul>li:nth-child(3)>p>span:nth-child(1) {
  top: 10px
}

.headerSp>ul>li:nth-child(3)>p>span:nth-child(2) {
  top: 18px
}

.headerSp>ul>li:nth-child(3)>p>span:nth-child(3) {
  top: 26px
}

.headerSp>ul>li:nth-child(3)>p:after {
  content: 'MENU'
}

.headerSp>ul>li:nth-child(3).isOpen>p>span:nth-child(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg)
}

.headerSp>ul>li:nth-child(3).isOpen>p>span:nth-child(2) {
  display: none
}

.headerSp>ul>li:nth-child(3).isOpen>p>span:nth-child(3) {
  -webkit-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg)
}

.headerSp>ul>li:nth-child(3).isOpen .headerSpMenu {
  display: block
}

.headerSpMenu {
  display: none;
  position: absolute;
  top: 50px;
  right: 0;
  width: 100vw;
  padding-bottom: 200px;
  max-height: calc(100vh - 55px);
  overflow-y: auto;
  background-color: #fff;
  z-index: 10;
  border-top: 3px solid #ccc
}

.headerSpMenuList li {
  border-bottom: 1px solid #ccc
}

.headerSpMenuList li a {
  display: block;
  position: relative;
  padding: 16px 0 14px 25px;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .headerSpMenuList li a {
    letter-spacing: 0
  }
}

.ua-android .headerSpMenuList li a {
  letter-spacing: 0
}

.headerSpMenuList li a:before {
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #007c64 url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover;
  background-size: 10px 10px
}

.headerSpMenu .headerSpButton {
  padding: 25px
}

.headerSpMenu .headerSpButton li {
  display: block
}

.headerSpMenu .headerSpButton li+li {
  margin-top: 20px
}

.headerSpMenu .headerSpButton li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  padding-right: 16px;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .35);
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  text-align: center
}

.headerSpMenu .headerSpButton li a:before {
  position: absolute;
  content: '';
  display: inline-block;
  top: 21px;
  right: 16px;
  width: 18px;
  height: 18px;
  background: url(/common/img/icon/icon_blank_03.png) center/cover
}

.headerSpMenu .headerSpButton li:first-child a {
  background-color: #004d3d
}

.headerSpMenu .headerSpButton li:last-child a {
  background-color: #74b247
}

.headerSpMenu .headerLink {
  overflow: hidden;
  background-color: #007360;
  padding: 10px 13px 25px
}

.headerSpMenu .headerLink li {
  display: block;
  float: left;
  width: 50%;
  padding: 0 12px;
  margin-top: 14px
}

.headerSpMenu .headerLink li a {
  position: relative;
  padding-left: 20px;
  color: #fff;
  font-weight: 700
}

.headerSpMenu .headerLink li a:before {
  position: absolute;
  top: 3px;
  left: 0;
  content: '';
  width: 10px;
  height: 10px;
  background: url(/common/img/icon/icon_arrow_r_01.png) center/cover
}

.headerSpMenu .headerLink li a[target="_blank"]:before {
  position: absolute;
  top: 2px;
  left: 0;
  content: '';
  width: 12px;
  height: 12px;
  background: url(/common/img/icon/icon_blank_03.png) center/cover
}

.menuOpen .overlay {
  position: fixed;
  display: block;
  top: 55px;
  left: 0;
  width: 100%;
  height: calc(100% - 55px);
  background-color: rgba(0, 0, 0, .5)
}

body.isFixed {
  position: fixed;
  width: 100%;
  height: 100%
}

.megaMenu {
  position: relative
}

@media all and (max-width:768px) {
  .megaMenu {
    display: none
  }
}

.megaMenu>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1200px;
  margin: 20px auto 0
}

.megaMenu>ul>li {
  display: block;
  width: 212px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  line-height: 1
}

.megaMenu>ul>li+li {
  margin-left: 12px
}

.megaMenu>ul>li>a {
  color: #000
}

.megaMenu>ul>li>p {
  display: block;
  position: relative;
  padding: 0 0 20px;
  cursor: pointer
}

.megaMenu>ul>li>p>a {
  color: #000
}

.megaMenu>ul>li>p>span {
  position: relative;
  padding-right: 20px
}

.megaMenu>ul>li>p>span:before {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
  width: 16px;
  height: 9px;
  background: url(/common/img/icon/icon_arrow_b_01.png) no-repeat
}

.megaMenu>ul>li.isActive>p:before, .megaMenu>ul>li:hover>a:before, .megaMenu>ul>li:hover>p:before {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: '';
  width: 212px;
  height: 4px;
  background-color: #007c64
}

.megaMenu>ul>li:first-child {
  width: 88px;
  position: relative
}

.megaMenu>ul>li:first-child:hover>a:before, .megaMenu>ul>li:first-child:hover>p:before {
  width: 88px
}

.fzL .megaMenu>ul>li:nth-child(3)>p, .fzLL .megaMenu>ul>li:nth-child(3)>p {
  text-align: left
}

.fzL .megaMenu>ul>li:nth-child(3)>p>span {
  display: block;
  letter-spacing: -.02em
}

@media all and (-ms-high-contrast:none) {
  .fzL .megaMenu>ul>li:nth-child(3)>p>span {
    letter-spacing: -.07em
  }
}

.fzLL .megaMenu>ul>li:nth-child(3)>p>span {
  display: block;
  padding-right: 16px;
  letter-spacing: -.11em
}

@media all and (-ms-high-contrast:none) {
  .fzLL .megaMenu>ul>li:nth-child(3)>p>span {
    padding-right: 11px;
    letter-spacing: -.15em
  }
  .fzLL .megaMenu>ul>li:nth-child(3)>p>span:before {
    right: -5px
  }
}

.megaMenu>ul>li:last-child .menuTitle a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 7rem
}

.fzL .megaMenu>ul>li:last-child .menuTitle a, .fzLL .megaMenu>ul>li:last-child .menuTitle a {
  letter-spacing: -.05em
}

@media all and (-ms-high-contrast:none) {
  .fzL .megaMenu>ul>li:last-child .menuTitle a, .fzLL .megaMenu>ul>li:last-child .menuTitle a {
    font-size: 1.5rem
  }
}

.megaMenu .menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: auto;
  padding: 28px 0 30px;
  border-top: 2px solid #f2f2f2;
  background-color: #fff;
  z-index: 10
}

.megaMenu .menuIn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1200px;
  margin: 0 auto
}

.megaMenu .menuDescription {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 210px;
  height: 210px;
  margin-right: 30px;
  border-radius: 6px;
  background: url(/common/img/bg_pattern_03.png);
  color: #007360;
  font-size: 1.6rem;
  line-height: 2;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna'
}

@media all and (-ms-high-contrast:none) {
  .fzLL .megaMenu .menuDescription {
    font-size: 1.4rem
  }
}

.megaMenu .menuDetail {
  width: 960px;
  text-align: left
}

.megaMenu .menuHeader {
  position: relative;
  padding: 8px 0 13px 35px;
  border-bottom: 4px solid #007c64;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .025em
}

@media all and (-ms-high-contrast:none) {
  .megaMenu .menuHeader {
    letter-spacing: 0
  }
}

.ua-android .megaMenu .menuHeader {
  letter-spacing: 0
}

.megaMenu .menuHeader a {
  color: #007c64
}

@media all and (min-width:769px) {
  .megaMenu .menuHeader a {
    text-decoration: none
  }
  .megaMenu .menuHeader a:hover {
    text-decoration: underline
  }
}

.megaMenu .menuHeader:before {
  position: absolute;
  content: '';
  left: 0;
  top: 1rem;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #007c64 url(/common/img/icon/icon_arrow_r_01.png) no-repeat center;
  background-size: 10px 10px
}

.megaMenu .menuHeader+.gridWrap {
  margin-top: 30px
}

.megaMenu .menuTitle, .megaMenu .menuTitle+.menuTitle {
  padding: 9px 14px 7px;
  border-radius: 6px;
  background-color: #74b347;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1.5
}

@media all and (-ms-high-contrast:none) {
  .megaMenu .menuTitle, .megaMenu .menuTitle+.menuTitle {
    letter-spacing: 0
  }
}

.ua-android .megaMenu .menuTitle, .ua-android .megaMenu .menuTitle+.menuTitle {
  letter-spacing: 0
}

@media all and (-ms-high-contrast:none) {
  .megaMenu .menuTitle, .megaMenu .menuTitle+.menuTitle {
    letter-spacing: 0
  }
  .fzLL .megaMenu .menuTitle, .fzLL .megaMenu .menuTitle+.menuTitle {
    padding: 9px 10px 7px
  }
}

.megaMenu .menuTitle a, .megaMenu .menuTitle+.menuTitle a {
  position: relative;
  display: block;
  margin: -9px -14px -7px;
  padding: 9px 14px 7px 42px;
  border-radius: 6px;
  color: #fff
}

@media all and (min-width:769px) {
  .megaMenu .menuTitle a:hover, .megaMenu .menuTitle+.menuTitle a:hover {
    background-color: #5b992e
  }
}

.megaMenu .menuTitle a:before, .megaMenu .menuTitle+.menuTitle a:before {
  position: absolute;
  content: '';
  left: 14px;
  top: 50%;
  margin-top: -11px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #fff url(/common/img/icon/icon_arrow_r_03.png) no-repeat center;
  background-size: 10px 10px
}
.megaMenu .menuTitle a[target="_blank"]:before, .megaMenu .menuTitle+.menuTitle a[target="_blank"]:before {
  position: absolute;
  content: '';
  left: 14px;
  top: 50%;
  margin-top: -11px;
  width: 20px;
  height: 20px;
  border-radius: 0px;
  background: url(/common/img/icon/icon_blank_04.png) no-repeat center  !important;;
  background-size: 10px 10px
}

[target="_blank"]

.megaMenu .menuTitle+.menuTitle+p, .megaMenu .menuTitle+p {
  padding: 15px 10px;
  font-size: 1.4rem;
  font-weight: 400;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em;
  line-height: 1.5
}

@media all and (-ms-high-contrast:none) {
  .megaMenu .menuTitle+.menuTitle+p, .megaMenu .menuTitle+p {
    letter-spacing: 0
  }
}

.ua-android .megaMenu .menuTitle+.menuTitle+p, .ua-android .megaMenu .menuTitle+p {
  letter-spacing: 0
}

.megaMenu .menuTitle+.menuTitle, .megaMenu .menuTitle+.menuTitle+.menuTitle {
  margin-top: 30px
}

.megaMenu .gridWrap ul {
  padding: 15px
}

.megaMenu .gridWrap ul+.menuTitle {
  margin-top: 10px
}

.megaMenu .gridWrap li {
  position: relative;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna'
}

.megaMenu .gridWrap li+li {
  margin-top: 10px
}

.megaMenu .gridWrap li a {
  position: relative;
  display: inline-block;
  color: #000;
  padding-left: 17px
}

@media all and (min-width:769px) {
  .megaMenu .gridWrap li a {
    text-decoration: none
  }
  .megaMenu .gridWrap li a:hover {
    text-decoration: underline
  }
}

.megaMenu .gridWrap li a:before {
  position: absolute;
  content: '';
  top: .5rem;
  left: 0;
  width: 10px;
  height: 10px;
  background: url(/common/img/icon/icon_arrow_r_02.png) no-repeat center/cover
}

.megaMenu .gridWrap li a[target="_blank"]:before {
  background: url(/common/img/icon/icon_blank_02.png) no-repeat;
  background-size: 10px 10px
}

.megaMenu .gridWrap li a[href*=".pdf"]:after {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  top: .2rem;
  content: '';
  width: 26px;
  height: 14px;
  background: url(/common/img/icon/icon_pdf_01.png) center/cover
}

.megaMenu .btn01 {
  display: block;
  position: relative;
  padding: 10px 40px 8px 18px;
  margin: 0 10px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  border-bottom: 4px solid #004d3d;
  background-color: #007c64;
  color: #fff;
  font-size: 1.8rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  line-height: 1.3333
}

@media all and (-ms-high-contrast:none) {
  .megaMenu .btn01 {
    -webkit-box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35)
  }
}

@media all and (-ms-high-contrast:none) {
  .megaMenu .btn01 {
    padding: 10px 40px 8px 15px;
    letter-spacing: -.05em
  }
}

@media all and (min-width:769px) {
  .megaMenu .btn01:hover {
    background-color: #005745
  }
}

.megaMenu .btn01:before {
  position: absolute;
  content: '';
  top: 50%;
  right: 18px;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  background: url(/common/img/icon/icon_blank_03.png) center/cover
}

@media all and (-ms-high-contrast:none) {
  .megaMenu .btn01:before {
    right: 12px
  }
}

.megaMenu .btn01 span {
  position: relative;
  display: block
}

.fzLL .megaMenu .btn01 span {
  letter-spacing: .075em
}

@media all and (-ms-high-contrast:none) {
  .fzLL .megaMenu .btn01 span {
    letter-spacing: 0
  }
}

.ua-android .fzLL .megaMenu .btn01 span {
  letter-spacing: 0
}

.megaMenu .btn01-02 {
  margin: 0;
  padding: 24px 45px 21px 18px
}

.boxCmn {
  padding: 20px;
  border-radius: 6px;
  background-color: #fff
}

@media all and (max-width:768px) {
  .boxCmn {
    padding: 15px
  }
}

@media all and (max-width:768px) {
  .boxCmnSpP10 {
    padding: 10px
  }
}

.boxCmnHeader {
  margin: -20px -20px 20px;
  padding: 7px 20px 6px;
  border-radius: 6px 6px 0 0;
  background-color: #cceba4
}

@media all and (max-width:768px) {
  .boxCmnHeader {
    margin: -15px -15px 15px
  }
}

.boxCmnHeader .title {
  font-size: 1.8rem;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .boxCmnHeader .title {
    letter-spacing: 0
  }
}

.ua-android .boxCmnHeader .title {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .boxCmnHeader .title {
    font-size: 14px
  }
}

.boxCmnVoice {
  position: relative;
  margin-left: 16px;
  border-radius: 10px;
  padding: 32px 0;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center
}

@media all and (max-width:768px) {
  .boxCmnVoice {
    margin-left: 8px;
    padding: 12px;
    border-radius: 5px;
    font-size: 14px
  }
}

.boxCmnVoice em {
  color: #007c64
}

.boxCmnVoice:before {
  position: absolute;
  content: '';
  top: 50%;
  right: 100%;
  margin-top: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 16px 12px 0;
  border-color: transparent #fff transparent transparent
}

@media all and (max-width:768px) {
  .boxCmnVoice:before {
    margin-top: -6px;
    border-width: 6px 8px 6px 0
  }
}

.boxCmnBg {
  padding: 20px;
  border-radius: 6px;
  background: url(/common/img/bg_pattern_03.png)
}

@media all and (max-width:768px) {
  .boxCmnBg {
    padding: 15px
  }
}

@media all and (max-width:768px) {
  .boxCmnBg.boxCmnWrap {
    margin-left: -10px;
    margin-right: -10px;
    padding: 15px 10px;
    border-radius: 0
  }
}

.boxCmnBg+.boxCmnBg {
  margin-top: 30px
}

@media all and (max-width:768px) {
  .boxCmnBg+.boxCmnBg {
    margin-top: 15px
  }
}

.boxCmnBg02 {
  padding: 20px;
  border-radius: 6px;
  background: url(/common/img/bg_pattern_04.png)
}

@media all and (max-width:768px) {
  .boxCmnBg02 {
    padding: 15px;
    margin: 0 -10px
  }
}

@media all and (max-width:768px) {
  .boxCmnBg02.boxCmnWrap {
    margin-left: -10px;
    margin-right: -10px;
    border-radius: 0
  }
}

.boxCmnBg02.linkSec .fromweb {
  margin-left: 10px;
}

.boxCmnBg02.linkSec .txtunderlink {
  margin-top: 5px;
  padding: 0 5px;
}

@media all and (max-width:768px) {
  .boxCmnBg02.linkSec .txtunderlink {
    margin-top: 10px;
  }
}

.boxBnr a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 60px;
  padding: 10px 28px 0 0;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  border-bottom: 4px solid;
  line-height: 1
}

@media all and (-ms-high-contrast:none) {
  .boxBnr a {
    -webkit-box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35)
  }
}

@media all and (min-width:769px) {
  .boxBnr a {
    opacity: 1
  }
  .boxBnr a:hover {
    opacity: .65
  }
}

@media all and (max-width:768px) {
  .boxBnr a {
    height: 50px;
    padding-right: 19px;
    padding-left: 2px
  }
}

.boxBnr a:before {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover;
  background-size: 10px 10px
}

@media all and (max-width:768px) {
  .boxBnr a:before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    right: 5px;
    border-radius: 6px;
    background-size: 6px 6px
  }
}

.boxBnr a[href*=".pdf"]:before {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -7px;
  content: '';
  width: 26px;
  height: 14px;
  border-radius: 0;
  background: url(/common/img/icon/icon_pdf_01.png) no-repeat center/cover
}

@media all and (max-width:768px) {
  .boxBnr a[href*=".pdf"]:before {
    right: 4px;
    width: 20px;
    height: 11px;
    margin-top: -6px
  }
}

.boxBnr a img {
  height: 34px;
  width: auto
}

.boxBnr p {
  padding: 8px 0 0 3px;
  font-size: 1.4rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .boxBnr p {
    letter-spacing: 0
  }
}

.ua-android .boxBnr p {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .boxBnr p {
    padding-top: 4px;
    font-size: 10px;
    letter-spacing: 0
  }
}

.boxBnr.bnrShushin a {
  border-color: #eb3165
}

@media all and (max-width:768px) {
  .boxBnr.bnrShushin a {
    padding-top: 10px
  }
}

@media all and (max-width:768px) {
  .boxBnr.bnrShushin a img {
    height: 24px
  }
}

.boxBnr.bnrShushin a:before {
  background-color: #eb3165
}

.boxBnr.bnrItijishushin a {
  padding-top: 10px;
  border-color: #ed4b62
}

@media all and (max-width:768px) {
  .boxBnr.bnrItijishushin a {
    padding-top: 13px
  }
}

.boxBnr.bnrItijishushin a:before {
  background-color: #ed4b62
}

.boxBnr.bnrItijishushin a img {
  height: 31px
}

@media all and (max-width:768px) {
  .boxBnr.bnrItijishushin a img {
    height: 20px
  }
}

.boxBnr.bnrItijishushin a span {
  position: absolute;
  bottom: 6px;
  right: 35px;
  color: #ed4b62;
  font-size: 10px;
  font-weight: 700
}

@media all and (max-width:768px) {
  .boxBnr.bnrItijishushin a span {
    bottom: 4px;
    right: 12px;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
}

.boxBnr.bnrHikiukeshushin a {
  padding-top: 11px;
  border-color: #e66b86
}

@media all and (max-width:768px) {
  .boxBnr.bnrHikiukeshushin a {
    padding-top: 13px
  }
}

.boxBnr.bnrHikiukeshushin a:before {
  background-color: #e66b86
}

.boxBnr.bnrHikiukeshushin a img {
  height: 31px
}

@media all and (max-width:768px) {
  .boxBnr.bnrHikiukeshushin a img {
    height: 20px
  }
}

.boxBnr.bnrYourou a {
  padding-top: 12px;
  border-color: #6a9151
}

@media all and (max-width:768px) {
  .boxBnr.bnrYourou a {
    padding-top: 14px
  }
}

.boxBnr.bnrYourou a:before {
  background-color: #6a9151
}

.boxBnr.bnrYourou a img {
  height: 29px
}

@media all and (max-width:768px) {
  .boxBnr.bnrYourou a img {
    height: 18px
  }
}

.boxBnr.bnrTeikiseimei a {
  padding-top: 11px;
  border-color: #3bbebc
}

@media all and (max-width:768px) {
  .boxBnr.bnrTeikiseimei a {
    padding-top: 12px
  }
}

.boxBnr.bnrTeikiseimei a:before {
  background-color: #3bbebc
}

.boxBnr.bnrTeikiseimei a img {
  height: 33px
}

@media all and (max-width:768px) {
  .boxBnr.bnrTeikiseimei a img {
    height: 22px
  }
}

.boxBnr.bnrSeizon a {
  padding-top: 5px;
  padding-left: 8px;
  border-color: #e8334a;
}

@media all and (max-width:768px) {
  .boxBnr.bnrSeizon a {
    padding-top: 8px;
    padding-left: 5px
  }
}

.boxBnr.bnrSeizon a:before {
  background-color: #e8334a;
}

.boxBnr.bnrSeizon a img {
  height: 49px
}

@media all and (max-width:768px) {
  .boxBnr.bnrSeizon a img {
    height: 32px
  }
}

.boxBnr.bnrIryo a {
  padding-top: 9px;
  border-color: #ee603c
}

@media all and (max-width:768px) {
  .boxBnr.bnrIryo a {
    padding-top: 11px
  }
}

.boxBnr.bnrIryo a:before {
  background-color: #ee603c
}

.boxBnr.bnrIryo a img {
  height: 36px
}

@media all and (max-width:768px) {
  .boxBnr.bnrIryo a img {
    height: 24px
  }
}

.boxBnr.bnrHikiukeiryo a {
  padding-top: 12px;
  border-color: #f17a61
}

@media all and (max-width:768px) {
  .boxBnr.bnrHikiukeiryo a {
    padding-top: 13px
  }
}

.boxBnr.bnrHikiukeiryo a:before {
  background-color: #f17a61
}

.boxBnr.bnrHikiukeiryo a img {
  height: 30px
}

@media all and (max-width:768px) {
  .boxBnr.bnrHikiukeiryo a img {
    height: 20px
  }
}

.boxBnr.bnrGan a {
  padding-top: 10px;
  border-color: #ed636a
}

@media all and (max-width:768px) {
  .boxBnr.bnrGan a {
    padding-top: 11px
  }
}

.boxBnr.bnrGan a:before {
  background-color: #ed636a
}

.boxBnr.bnrGan a img {
  height: 36px
}

@media all and (max-width:768px) {
  .boxBnr.bnrGan a img {
    height: 24px
  }
}

.boxBnr.bnrSonae a {
  padding-top: 10px;
  border-color: #ed636a
}

@media all and (max-width:768px) {
  .boxBnr.bnrSonae a {
    padding-top: 12px;
  }
}

.boxBnr.bnrSonae a:before {
  background-color: #ed636a
}

.boxBnr.bnrSonae a img {
	width: 94%;
  /*height: 36px;*/
}

@media all and (max-width:768px) {
  .boxBnr.bnrSonae a img {
    /*height: 30px*/
    width: auto;
    height: 20px;
  }
}

.boxBnr.bnrKodomo a {
  padding-top: 11px;
  border-color: #f69696
}

.boxBnr.bnrKodomo a:before {
  background-color: #f69696
}

.boxBnr.bnrKodomo a img {
  height: 33px
}

@media all and (max-width:768px) {
  .boxBnr.bnrKodomo a img {
    height: 24px
  }
}

.boxBnr.bnrKaigo a {
  padding-top: 9px;
  border-color: #24a88e
}

@media all and (max-width:768px) {
  .boxBnr.bnrKaigo a {
    padding-top: 11px
  }
}

.boxBnr.bnrKaigo a:before {
  background-color: #24a88e
}

.boxBnr.bnrKaigo a img {
  height: 36px
}

@media all and (max-width:768px) {
  .boxBnr.bnrKaigo a img {
    height: 24px
  }
}

.boxBnr.bnrItijikaigo a {
  padding-top: 10px;
  border-color: #8ac557
}

@media all and (max-width:768px) {
  .boxBnr.bnrItijikaigo a {
    padding-top: 13px
  }
}

.boxBnr.bnrItijikaigo a:before {
  background-color: #8ac557
}

.boxBnr.bnrItijikaigo a img {
  height: 32px
}

@media all and (max-width:768px) {
  .boxBnr.bnrItijikaigo a img {
    height: 21px
  }
}

.boxBnr.bnrSasae a {
  padding-top: 10px;
  border-color: #3eb134
}

@media all and (max-width:768px) {
  .boxBnr.bnrSasae a {
    padding-top: 12px;
  }
}

.boxBnr.bnrSasae a:before {
  background-color: #3eb134
}

.boxBnr.bnrSasae a img {
	width: 94%;
  /*height: 36px;*/
}

@media all and (max-width:768px) {
  .boxBnr.bnrSasae a img {
    /*height: 30px*/
    width: auto;
    height: 20px;
  }
}

.boxBnr.bnrLifeadvisor a {
  padding-top: 9px;
  border-color: #a34e99
}

@media all and (max-width:768px) {
  .boxBnr.bnrLifeadvisor a {
    padding-top: 10px
  }
}

.boxBnr.bnrLifeadvisor a:before {
  background-color: #a34e99
}

.boxBnr.bnrLifeadvisor a img {
  height: 36px
}

@media all and (max-width:768px) {
  .boxBnr.bnrLifeadvisor a img {
    height: 24px
  }
}

.boxBnr.bnrMidori a {
  padding-top: 12px;
  border-color: #2cb150
}

@media all and (max-width:768px) {
  .boxBnr.bnrMidori a {
    padding-top: 13px
  }
}

.boxBnr.bnrMidori a:before {
  background-color: #2cb150
}

.boxBnr.bnrMidori a img {
  height: 32px
}

@media all and (max-width:768px) {
  .boxBnr.bnrMidori a img {
    height: 19px
  }
}

.boxBnr.bnrSyougai a {
  padding-top: 14px;
  border-color: #1760b3
}

@media all and (max-width:768px) {
  .boxBnr.bnrSyougai a {
    padding-top: 15px
  }
}

.boxBnr.bnrSyougai a:before {
  background-color: #1760b3
}

.boxBnr.bnrSyougai a img {
  height: 28px
}

@media all and (max-width:768px) {
  .boxBnr.bnrSyougai a img {
    height: 16px
  }
}

.boxBnr.bnrEvent a {
  padding-top: 7px;
  border-color: #00a9a9
}

@media all and (max-width:768px) {
  .boxBnr.bnrEvent a {
    padding-top: 10px
  }
}

.boxBnr.bnrEvent a:before {
  background-color: #00a9a9
}

.boxBnr.bnrEvent a img {
  height: 40px
}

@media all and (max-width:768px) {
  .boxBnr.bnrEvent a img {
    height: 27px
  }
}

.boxBnr.bnrBora a {
  padding-top: 15px;
  border-color: #43608c
}

.boxBnr.bnrBora a:before {
  background-color: #43608c
}

.boxBnr.bnrBora a img {
  height: 28px
}

@media all and (max-width:768px) {
  .boxBnr.bnrBora a img {
    height: 16px
  }
}

.boxBnr.bnrBaiseki a {
  padding-top: 16px;
  border-color: #f89e43
}

.boxBnr.bnrBaiseki a:before {
  background-color: #f89e43
}

.boxBnr.bnrBaiseki a img {
  height: 24px
}

@media all and (max-width:768px) {
  .boxBnr.bnrBaiseki a img {
    height: 14px
  }
}

.boxBnr.bnrBuilding a {
  padding-top: 17px;
  border-color: #18b1e0
}

@media all and (max-width:768px) {
  .boxBnr.bnrBuilding a {
    padding-top: 15px
  }
}

.boxBnr.bnrBuilding a:before {
  background-color: #18b1e0
}

.boxBnr.bnrBuilding a img {
  height: 23px
}

@media all and (max-width:768px) {
  .boxBnr.bnrBuilding a img {
    height: 15px
  }
}

.boxBnr.bnrHomehold a {
  padding-top: 0;
  border-color: #007c64;
  color: #007c64;
  font-size: 1.6rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.8rem
}

@media all and (max-width:768px) {
  .boxBnr.bnrHomehold a {
    font-size: 12px;
    line-height: 1.5
  }
}

.boxBnr.bnrHomehold a:before {
  background-color: #007c64
}

.boxBnr.bnrKasai a {
  padding-top: 14px;
  border-color: #2f4e9e
}

@media all and (max-width:768px) {
  .boxBnr.bnrKasai a {
    padding-top: 15px
  }
}

.boxBnr.bnrKasai a:before {
  background-color: #2f4e9e
}

.boxBnr.bnrKasai a img {
  height: 26px
}

@media all and (max-width:768px) {
  .boxBnr.bnrKasai a img {
    height: 15px
  }
}

.boxBnr.bnrKurumeister a {
  padding-top: 18px;
  border-color: #024f96
}

@media all and (max-width:768px) {
  .boxBnr.bnrKurumeister a {
    padding-top: 17px
  }
}

.boxBnr.bnrKurumeister a:before {
  background-color: #024f96
}

.boxBnr.bnrKurumeister a img {
  height: 20px
}

@media all and (max-width:768px) {
  .boxBnr.bnrKurumeister a img {
    height: 12px
  }
}

.boxBnr.bnrMandatory a {
  padding-top: 0;
  border-color: #007c64;
  color: #007c64;
  font-size: 2.4rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1
}

@media all and (max-width:768px) {
  .boxBnr.bnrMandatory a {
    font-size: 12px
  }
}

.boxBnr.bnrMandatory a:before {
  background-color: #007c64
}

.boxQr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.boxQr figure {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 20px
}

.boxQr .txtCmn {
  font-size: 1.6rem
}

@media all and (max-width:768px) {
  .boxQr .txtCmn {
    font-size: 14px
  }
}

.boxQr+* {
  margin-top: 20px
}

@media all and (max-width:768px) {
  .boxQr+* {
    margin-top: 15px
  }
}

.fzLL .boxQr+.btnWrap .btnRnd[href*=".pdf"]:before {
  right: 10px
}

.btnWrap [class^=btn] {
  width: 100%
}

.btnWrapCenter {
  margin: 30px auto 0;
  width: 370px
}

@media all and (max-width:768px) {
  .btnWrapCenter {
    margin-top: 20px;
    width: calc(100% - 30px)
  }
}

.btnWrapW460 {
  margin: 30px auto 0;
  width: 46rem
}

@media all and (max-width:768px) {
  .btnWrapW460 {
    margin-top: 20px;
    width: calc(100% - 30px)
  }
}

.ua-android .btnWrapW460 .btnRnd {
  padding-right: 40px
}

.btnWrapW265 {
  margin: 30px auto 0;
  width: 26.5rem
}

@media all and (max-width:768px) {
  .btnWrapW265 {
    margin-top: 20px;
    width: calc(100% - 30px)
  }
}

.btnWrapW345 {
  margin: 30px auto 0;
  width: 38rem
}

@media all and (max-width:768px) {
  .btnWrapW345 {
    margin-top: 20px;
    width: calc(100% - 30px)
  }
  .btnWrapW345 .btnRnd:before {
    right: 10px
  }
}

.btnCmn {
  position: relative;
  display: block;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  background-color: #fff;
  border-bottom: 4px solid #007c64;
  color: inherit;
  font-size: 1.6rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .btnCmn {
    -webkit-box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35)
  }
}

@media all and (max-width:768px) {
  .btnCmn {
    font-size: 14px
  }
}

@media all and (-ms-high-contrast:none) {
  .btnCmn {
    letter-spacing: 0
  }
}

.ua-android .btnCmn {
  letter-spacing: 0
}

@media all and (min-width:769px) {
  .btnCmn:hover {
    background-color: #cef2ec
  }
  .btnCmn.lockhover:hover {
    background-color: #fff
  }
}

.btnCmn h4 {
  font-weight: 700
}

.btnCmnIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 40px 0 63px;
  height: 68px;
  font-weight: 700
}

.btnCmnIcon:after {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #007c64 url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover;
  background-size: 10px 10px
}

.btnCmnIcon[target="_blank"]:after {
  margin-top: -9px;
  width: 18px;
  height: 18px;
  border-radius: 0;
  background: url(/common/img/icon/icon_blank_03_green.png) center/cover;
  background-size: 18px 18px
}

.btnCmnIcon[href*=".pdf"]:after {
  margin-top: -10px;
  width: 36px;
  height: 20px;
  border-radius: 0;
  background: url(/common/img/icon/icon_pdf_01.png) center/cover!important;
  background-size: 36px 20px
}

@media all and (max-width:768px) {
  .btnCmnIcon[href*=".pdf"]:after {
    width: 25px;
    height: 14px;
    margin-top: -7px;
    background-size: 25px 14px
  }
}

.gridCol3 .btnCmnIcon[href*=".pdf"] {
  padding-right: 40px
}

.fzL .gridCol3 .btnCmnIcon[href*=".pdf"], .fzLL .gridCol3 .btnCmnIcon[href*=".pdf"] {
  padding: 0 60px 0 20px
}

.btnCmnIcon i, .btnCmnIcon:before {
  position: absolute;
  top: 14px;
  left: 14px;
  content: '';
  width: 36px;
  height: 36px
}

.btnCmnIcon .icon_document {
  width: 40px
}

@media all and (max-width:768px) {
  .gridColsp6 .btnCmnIcon {
    display: block;
    height: auto;
    padding: 50px 10px 5px;
    text-align: center
  }
  .gridColsp6 .btnCmnIcon i {
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 35px;
    height: 35px
  }
  .gridColsp6 .btnCmnIcon .icon_document {
    width: 39px
  }
}

.btnCmnAnc {
  padding: 0 10px 0 63px
}

.btnCmnAnc:before {
  position: absolute;
  content: '';
  top: calc(100% + 4px);
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #007c64 transparent transparent transparent
}

@media all and (max-width:768px) {
  .btnCmnAnc:before {
    border-width: 5px 4px 0 4px
  }
}

.btnCmnAnc:after {
  display: none
}

.btnCmnBlank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 40px 6px 0;
  background-color: #007c64;
  border-bottom: 4px solid #004d3d;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0
}

@media all and (min-width:769px) {
  .btnCmnBlank:hover {
    background-color: #005745
  }
}

.btnCmnBlank:before {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -9px;
  content: '';
  width: 18px;
  height: 18px;
  background: url(/common/img/icon/icon_blank_03.png) center/cover
}

.btnCmnBlank span {
  display: block;
  font-size: 1.2rem;
  font-weight: 400
}

.btnCmnG {
  background-color: #007c64;
  border-bottom: 4px solid #004d3d;
  color: #fff
}

@media all and (min-width:769px) {
  .btnCmnG:hover {
    background-color: #005745
  }
}

.btnCmnWords {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 35px;
  height: 6.8rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: .025em
}

@media all and (-ms-high-contrast:none) {
  .btnCmnWords {
    letter-spacing: 0
  }
}

.ua-android .btnCmnWords {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .btnCmnWords {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%;
    min-height: 60px;
    padding: 6px 30px 6px 13px;
    text-align: left
  }
}

.btnCmnWords:after {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #007c64 url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover;
  background-size: 10px 10px
}

@media all and (max-width:768px) {
  .btnCmnWords:after {
    right: 10px
  }
}

.fzLL .btnCmnWords br {
  display: none
}

.btnCmnBasic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 35px 0 27px;
  height: 6.8rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: .025em
}

@media all and (-ms-high-contrast:none) {
  .btnCmnBasic {
    letter-spacing: 0
  }
}

.ua-android .btnCmnBasic {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .btnCmnBasic {
    min-height: 60px;
    padding: 6px 30px 6px 13px
  }
}

.btnCmnBasic:after {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #007c64 url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover;
  background-size: 10px 10px
}

@media all and (max-width:768px) {
  .btnCmnBasic:after {
    right: 10px
  }
}

.gridCol3 .btnCmnBasic+.txtCmn {
  margin-top: 7px
}

@media all and (max-width:768px) {
  .gridCol3 .btnCmnBasic+.txtCmn {
    margin-top: 3px
  }
}

.btnCmnNormal {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
  min-height: 6.8rem;
  height: auto;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .025em
}

@media all and (-ms-high-contrast:none) {
  .btnCmnNormal {
    letter-spacing: 0
  }
}

.ua-android .btnCmnNormal {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .btnCmnNormal {
    min-height: 78px;
    padding: 5px 40px 5px 12px
  }
}

.btnCmnNormal:before {
  position: absolute;
  top: 50%;
  right: 15px;
  content: '';
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border-radius: 10px;
  background: #007c64 url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover;
  background-size: 10px 10px
}

.btnCmnNormal[href*=".pdf"] {
  padding: 0 50px 0 20px
}

@media all and (max-width:768px) {
  .btnCmnNormal[href*=".pdf"] {
    padding: 5px 40px 5px 12px
  }
}

.btnCmnNormal[href*=".pdf"]:before {
  width: 36px;
  height: 20px;
  border-radius: 0;
  background: url(/common/img/icon/icon_pdf_01.png) center/cover!important;
  background-size: 36px 20px
}

@media all and (max-width:768px) {
  .btnCmnNormal[href*=".pdf"]:before {
    right: 8px;
    width: 25px;
    height: 14px;
    margin-top: -7px;
    background-size: 25px 14px
  }
}

.btnCmnNormal+.txtCmn {
  margin-top: 10px
}

.btnRnd {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 265px;
  height: 60px;
  padding-right: 1em;
  border-radius: 30px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  background-color: #fff;
  color: #007c64;
  font-size: 1.8rem;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em;
  line-height: 1.3333
}

@media all and (-ms-high-contrast:none) {
  .btnRnd {
    -webkit-box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35)
  }
}

@media all and (-ms-high-contrast:none) {
  .btnRnd {
    letter-spacing: 0
  }
}

.ua-android .btnRnd {
  letter-spacing: 0
}

@media all and (min-width:769px) {
  .btnRnd:hover {
    background-color: #cef2ec
  }
}

@media all and (max-width:768px) {
  .btnRnd {
    width: 100%;
    font-size: 16px;
    height: auto;
    min-height: 60px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 100px
  }
}

.fzL .gridCol3 .btnRnd, .fzLL .gridCol3 .btnRnd {
  padding: 0 40px 0 20px
}

.btnRnd:before {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #007c64 url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover;
  background-size: 10px 10px
}

.btnRnd[target="_blank"]:before {
  margin-top: -9px;
  width: 18px;
  height: 18px;
  border-radius: 0;
  background: url(/common/img/icon/icon_blank_03_green.png) center/cover;
  background-size: 18px 18px
}

.btnRnd[href*=".pdf"]:before {
  margin-top: -10px;
  width: 36px;
  height: 20px;
  border-radius: 0;
  background: url(/common/img/icon/icon_pdf_01.png) center/cover!important;
  background-size: 36px 20px
}

@media all and (max-width:768px) {
  .btnRnd[href*=".pdf"]:before {
    width: 25px;
    height: 14px;
    margin-top: -7px;
    background-size: 25px 14px
  }
}

.gridCol3 .btnRnd[href*=".pdf"] {
  padding-right: 40px
}

.fzL .gridCol3 .btnRnd[href*=".pdf"], .fzLL .gridCol3 .btnRnd[href*=".pdf"] {
  padding: 0 60px 0 20px
}

.btnRndLg {
  background-color: #74b347;
  color: #fff
}

@media all and (min-width:769px) {
  .btnRndLg:hover {
    background-color: #5b992e
  }
}

.btnRndLg:before {
  background: #fff url(/common/img/icon/icon_arrow_r_03.png) no-repeat center/cover;
  background-size: 10px 10px
}

.btnRndLg[target="_blank"]:before {
  background: url(/common/img/icon/icon_blank_03.png) center/cover;
  background-size: 18px 18px
}

.btnRndG {
  background-color: #007c64;
  color: #fff
}

@media all and (min-width:769px) {
  .btnRndG:hover {
    background-color: #005745
  }
}

.btnRndG:before {
  background: #fff url(/common/img/icon/icon_arrow_r_02.png) no-repeat center/cover;
  background-size: 10px 10px
}

.btnRndG[target="_blank"]:before {
  background: url(/common/img/icon/icon_blank_03.png) center/cover;
  background-size: 18px 18px
}

@media all and (min-width:769px) {
  .btnRndBase {
    margin-top: 8px
  }
}

.btnRndSmall {
  height: 36px;
  border-radius: 18px;
  font-size: 1.4rem
}

@media all and (max-width:768px) {
  .btnRndSmall {
    min-height: 0;
    height: 40px;
    border-radius: 20px
  }
}

.btnRnd.jsToggle {
  cursor: pointer
}

.btnRnd.jsToggle:before {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -1px;
  content: '';
  width: 18px;
  height: 2px;
  border-radius: 0;
  background: #007c64;
  background-size: auto
}

.btnRnd.jsToggle:after {
  position: absolute;
  top: 50%;
  right: 28px;
  margin-top: -9px;
  content: '';
  width: 2px;
  height: 18px;
  background: #007c64
}

.btnRnd.jsToggle.isOpen:after {
  display: none
}

.btnRnd span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.btnRnd span i {
  width: 40px;
  height: 40px;
  margin-right: 16px
}

@media all and (max-width:768px) {
  .btnRnd span i {
    width: 30px;
    height: 30px;
    margin-right: 10px
  }
}

.gridCol3 .btnWrap+.txtCmn {
  margin-top: 10px
}

.cardPic01 {
  margin-top: 30px
}

.cardPic01 figure img {
  border-radius: 6px
}

@media all and (max-width:768px) {
  .cardPic01 figure img {
    border-radius: 3px
  }
}

.cardPic01 article div {
  position: relative;
  margin-top: -20px
}

@media all and (max-width:768px) {
  .cardPic01 article div {
    margin: -15px auto 0;
    max-width: 380px
  }
}

.cardPic01 article a {
  margin: 0 20px;
  padding: 15px 5px 10px;
  text-align: center
}

@media all and (max-width:768px) {
  .cardPic01 article a {
    margin: 0 15px;
    padding: 12px 10px 8px
  }
}

.cardPic01 article .title {
  display: inline-block;
  position: relative;
  padding-right: 30px;
  font-size: 1.8rem;
  font-weight: 700
}

@media all and (max-width:768px) {
  .cardPic01 article .title {
    font-size: 16px
  }
}

.cardPic01 article .title:before {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #007c64 url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover;
  background-size: 10px 10px
}

.cardPic01 article p {
  margin-top: 5px
}

@media all and (max-width:768px) {
  .cardPic01 article p {
    font-size: 14px
  }
}

.cardPic02 {
  margin-top: 30px;
  padding: 0 20px
}

@media all and (max-width:768px) {
  .cardPic02 {
    padding: 0 15px
  }
}

.cardPic02 article a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px
}

@media all and (max-width:768px) {
  .cardPic02 article a {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 15px
  }
}

.cardPic02 article figure {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 20px
}

@media all and (max-width:768px) {
  .cardPic02 article figure {
    width: calc(50% - 25px);
    margin-right: 15px
  }
}

.cardPic02 article .title {
  font-size: 1.8rem;
  font-weight: 700
}

@media all and (max-width:768px) {
  .cardPic02 article .title {
    font-size: 16px
  }
}

.cardPic02 article p {
  margin-top: 5px;
  font-size: 14px
}

@media all and (min-width:769px) {
  .cardPic02 .gridCol4 a {
    padding-right: 8px
  }
}

.cardPic02 .gridCol4 .title {
  font-size: 1.6rem;
  letter-spacing: .025em
}

@media all and (min-width:769px) {
  .cardPic02 .gridCol6 figure {
    width: 245px
  }
}

.cardPic02+.gridWrap {
  margin-top: 30px
}

@media all and (max-width:768px) {
  .cardPic02+.gridWrap {
    margin-top: 20px
  }
}

.cardPic02+.gridWrap .txtCmnLead {
  font-size: 1.6rem
}

@media all and (max-width:768px) {
  .cardPic02+.gridWrap .txtCmnLead {
    padding: 0 5px;
    font-size: 14px
  }
}

.cardPic02+.gridWrap .btnWrap {
  margin: 18px auto 0;
  width: 40rem
}

@media all and (max-width:768px) {
  .cardPic02+.gridWrap .btnWrap {
    width: 100%
  }
}

.cardPic02Top article a {
  position: relative;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.cardPic02Top article a[target="_blank"]:before {
  position: absolute;
  content: '';
  bottom: 10px;
  right: 8px;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  border-radius: 0;
  background: url(/common/img/icon/icon_blank_03_green.png) center/cover;
  background-size: 18px 18px
}

.cardPic02Top article figure+div {
  padding-top: 5px
}

@media all and (max-width:768px) {
  .cardPic02Top article figure+div {
    padding-top: 0
  }
}

.cardPic02Top article figure+div p {
  margin-top: 12px
}

@media all and (max-width:768px) {
  .cardPic02Top article figure+div p {
    margin-top: 5px
  }
}

@media all and (max-width:768px) {
  .cardPic03 {
    padding: 0 15px
  }
}

.cardPic03 a {
  display: block;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  color: inherit
}

@media all and (-ms-high-contrast:none) {
  .cardPic03 a {
    -webkit-box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35)
  }
}

.cardPic03 a figure img {
  border-radius: 6px 6px 0 0
}

@media all and (min-width:769px) {
  .cardPic03 a {
    opacity: 1
  }
  .cardPic03 a:hover {
    opacity: .65
  }
}

@media all and (max-width:768px) {
  .cardPic03 a>div:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .cardPic03 a>div:first-child figure {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 145px
  }
  .cardPic03 a>div:first-child figure img {
    border-radius: 6px 0 6px 0
  }
}

.cardPic03 a>div:last-child {
  margin-top: 12px;
  padding: 0 20px 20px
}

@media all and (max-width:768px) {
  .cardPic03 a>div:last-child {
    padding: 0 15px 15px
  }
}

.cardPic03 a>div:last-child p {
  font-size: 1.6rem
}

@media all and (max-width:768px) {
  .cardPic03 a>div:last-child p {
    font-size: 14px
  }
}

.cardPic03Title {
  position: relative;
  display: inline-block;
  margin-top: 20px;
  padding-left: 20px;
  font-size: 1.8rem;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .025em
}

@media all and (-ms-high-contrast:none) {
  .cardPic03Title {
    letter-spacing: 0
  }
}

.ua-android .cardPic03Title {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .cardPic03Title {
    margin-top: 0;
    padding: 0 14px;
    font-size: 16px
  }
}

.cardPic03Title:after {
  position: relative;
  display: inline-block;
  content: '';
  top: 3px;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  border-radius: 10px;
  background: #007c64 url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover;
  background-size: 10px 10px
}

@media all and (max-width:768px) {
  .cardPic03Title:after {
    top: 4px;
    margin-left: 4px
  }
}

a[target="_blank"] .cardPic03Title:after {
  top: 1px;
  width: 18px;
  height: 18px;
  border-radius: 0;
  background: url(/common/img/icon/icon_blank_03_green.png) center/cover;
  background-size: 18px 18px
}

.contents article>.modCard {
  padding: 0 20px
}

.contents article>.modCard+* {
  margin-top: 30px
}

.modCard a {
  padding: 80px 0 15px;
  text-align: center
}

@media all and (max-width:768px) {
  .modCard a {
    padding: 13px 0 12px 70px;
    text-align: left
  }
}

.modCard a i {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  height: 50px
}

.modCard a i:before {
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%
}

@media all and (max-width:768px) {
  .modCard a i {
    top: 50%;
    left: 20px;
    margin-left: 0;
    margin-top: -18px;
    width: 36px;
    height: 36px
  }
}

.modCard a .title {
  position: relative;
  display: inline-block;
  padding-right: 26px;
  font-size: 1.8rem;
  font-weight: 700
}

@media all and (max-width:768px) {
  .modCard a .title {
    font-size: 16px
  }
}

.modCard a .title:before {
  position: absolute;
  content: '';
  bottom: 5px;
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #007c64 url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover;
  background-size: 10px 10px
}

@media all and (max-width:768px) {
  .modCard a .title:before {
    bottom: 3px
  }
}

.modCard a .text {
  margin-top: 5px;
  font-size: 1.6rem
}

@media all and (max-width:768px) {
  .modCard a .text {
    font-size: 14px
  }
}

.modCard a[target="_blank"] .title:before {
  width: 18px;
  height: 18px;
  bottom: 6px;
  border-radius: 0;
  background: url(/common/img/icon/icon_blank_03_green.png) center/cover
}

@media all and (max-width:768px) {
  .modCard a[target="_blank"] .title:before {
    bottom: 5px
  }
}

.modCard a.btnCmnG[target="_blank"] .title:before {
  background: url(/common/img/icon/icon_blank_03.png) center/cover
}

.modCard+.gridWrap {
  margin-top: 20px
}

@media all and (max-width:768px) {
  .modCard+.gridWrap {
    margin-top: 15px
  }
}

.modCard+.gridWrap+* {
  margin-top: 35px
}

@media all and (max-width:768px) {
  .modCard+.gridWrap+* {
    margin-top: 20px
  }
}

.modCard .txtWrap {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 20px 0;
}

@media all and (max-width:768px) {
  .modCard .txtWrap {
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 13px 17px 12px 17px;
  }
}

.modCard .txtWrap>div {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-top: 3px;
}

@media all and (max-width:768px) {
  .modCard .txtWrap>div {
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.modCard .txtWrap i{
  width: 50px;
  height: 50px;
  padding: 0;
}

@media all and (max-width:768px) {
  .modCard .txtWrap i{
    width: 36px;
    height: 36px;
    margin-right: 17px;
  }
}

.modCard .txtWrap .title {
  position: relative;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 700;
}

@media all and (max-width:768px) {
  .modCard .txtWrap .title {
    font-size: 16px;
    left: 53px;
  }
}

.modCard .txtWrap .text {
  font-size: 1.6rem;
}

@media all and (max-width:768px) {
  .modCard .txtWrap .text {
    font-size: 14px;
  }
}

.modCard .btnWrap {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  padding-bottom: 25px;
}

@media all and (max-width:768px) {
  .modCard .btnWrap {
    padding-bottom: 12px;
  }
}

.modCard .btnWrap p{
  position: relative;
  width: 14rem;
  height: 3rem;
  background: #007c64;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: 0;
  font-weight: 700;
}

@media all and (max-width:768px) {
  .modCard .btnWrap p{
    width: 46%;
  }
}

.modCard .btnWrap p a{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 3rem;
  padding: 0;
  padding-right: 25px;
  color: #fff;
}

.modCard .btnWrap p a:hover {
  background-color: #005745;
}

.modCard .btnWrap p a::before{
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -9px;
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background: #fff url(/common/img/icon/icon_arrow_r_02.png) no-repeat center/cover;
  background-size: 10px 10px;
}

.modCard02 article {
  height: 100%;
  padding: 20px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35)
}

@media all and (-ms-high-contrast:none) {
  .modCard02 article {
    -webkit-box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35)
  }
}

@media all and (min-width:769px) {
  .modCard02 article {
    min-height: 280px
  }
}

@media all and (max-width:768px) {
  .modCard02 article {
    border-radius: 6px;
    margin: 0 15px;
    padding: 15px 10px
  }
}

.modCard02 .link {
  position: relative;
  display: block
}

@media all and (min-width:769px) {
  .modCard02 .link {
    opacity: 1
  }
  .modCard02 .link:hover {
    opacity: .65
  }
}

@media all and (max-width:768px) {
  .modCard02 .link .title {
    padding-right: 27px
  }
}

.modCard02 .link:before {
  position: absolute;
  top: 18px;
  right: 0;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover;
  background-size: 10px 10px
}

@media all and (max-width:768px) {
  .modCard02 .link:before {
    top: 15px;
    width: 18px;
    height: 18px;
    border-radius: 9px
  }
}

.modCard02 .link[href*=".pdf"]:before {
  position: absolute;
  top: 18px;
  right: 0;
  content: '';
  width: 36px;
  height: 20px;
  border-radius: 0;
  background: url(/common/img/icon/icon_pdf_01.png) no-repeat center/cover
}

@media all and (max-width:768px) {
  .modCard02 .link[href*=".pdf"]:before {
    top: 17px;
    width: 25px;
    height: 14px
  }
}

.modCard02 .link img {
  height: 50px
}

@media all and (max-width:768px) {
  .modCard02 .link img {
    height: 45px
  }
}

.modCard02 .link.bnrShushin .title {
  border-color: #eb3165
}

.modCard02 .link.bnrShushin:before {
  background-color: #eb3165
}

.modCard02 .link.bnrItijishushin .title {
  border-color: #ed4b62
}

.modCard02 .link.bnrItijishushin:before {
  background-color: #ed4b62
}

.modCard02 .link.bnrItijishushin span {
  position: absolute;
  bottom: 12px;
  right: 45px;
  color: #ed4b62;
  font-size: 12px;
  font-weight: 700
}

@media all and (max-width:768px) {
  .modCard02 .link.bnrItijishushin span {
    bottom: 7px;
    right: 33px
  }
}

.modCard02 .link.bnrHikiukeshushin .title {
  border-color: #e66b86
}

.modCard02 .link.bnrHikiukeshushin:before {
  background-color: #e66b86
}

.modCard02 .link.bnrYourou .title {
  border-color: #6a9151
}

.modCard02 .link.bnrYourou:before {
  background-color: #6a9151
}

.modCard02 .link.bnrTeikiseimei .title {
  border-color: #3bbebc
}

.modCard02 .link.bnrTeikiseimei:before {
  background-color: #3bbebc
}

.modCard02 .link.bnrSeizon .title {
  border-color: #e8334a;
}

.modCard02 .link.bnrSeizon .title img {
  position: relative;
  top: -5px;
  height: 65px
}

@media all and (max-width:768px) {
  .modCard02 .link.bnrSeizon .title img {
    top: -4px;
    height: 57px
  }
}

.modCard02 .link.bnrSeizon:before {
  background-color: #e8334a;
}

.modCard02 .link.bnrIryo .title {
  border-color: #ee603c
}

.modCard02 .link.bnrIryo:before {
  background-color: #ee603c
}

.modCard02 .link.bnrHikiukeiryo .title {
  border-color: #f17a61
}

.modCard02 .link.bnrHikiukeiryo:before {
  background-color: #f17a61
}

.modCard02 .link.bnrGan .title {
  border-color: #ed636a
}

.modCard02 .link.bnrGan:before {
  background-color: #ed636a
}

.modCard02 .link.bnrKodomo .title {
  border-color: #f69696
}

.modCard02 .link.bnrKodomo:before {
  background-color: #f69696
}

.modCard02 .link.bnrKaigo .title {
  border-color: #24a88e
}

.modCard02 .link.bnrKaigo:before {
  background-color: #24a88e
}

.modCard02 .link.bnrItijikaigo .title {
  border-color: #8ac557
}

.modCard02 .link.bnrItijikaigo:before {
  background-color: #8ac557
}

.modCard02 .link.bnrSasae .title {
  border-color: #3eb134
}

.modCard02 .link.bnrSasae:before {
  background-color: #3eb134
}

.modCard02 .link.bnrLifeadvisor .title {
  border-color: #a34e99
}

.modCard02 .link.bnrLifeadvisor:before {
  background-color: #a34e99
}

.modCard02 .link.bnrMidori .title {
  padding-top: 4px;
  border-color: #2cb150
}

@media all and (max-width:768px) {
  .modCard02 .link.bnrMidori .title {
    padding-top: 0
  }
}

.modCard02 .link.bnrMidori .title img {
  height: 44px
}

@media all and (max-width:768px) {
  .modCard02 .link.bnrMidori .title img {
    height: 46px
  }
}

.modCard02 .link.bnrMidori:before {
  background-color: #2cb150
}

.modCard02 .link.bnrSyougai .title {
  padding-top: 7px;
  border-color: #1760b3
}

@media all and (max-width:768px) {
  .modCard02 .link.bnrSyougai .title {
    padding-top: 8px
  }
}

.modCard02 .link.bnrSyougai .title img {
  height: 36px
}

@media all and (max-width:768px) {
  .modCard02 .link.bnrSyougai .title img {
    height: 30px
  }
}

.modCard02 .link.bnrSyougai:before {
  background-color: #1760b3
}

.modCard02 .link.bnrEvent .title {
  border-color: #00a9a9
}

@media all and (max-width:768px) {
  .modCard02 .link.bnrEvent .title img {
    height: 50px
  }
}

.modCard02 .link.bnrEvent:before {
  background-color: #00a9a9
}

.modCard02 .link.bnrBora .title {
  padding-top: 6px;
  border-color: #43608c
}

@media all and (max-width:768px) {
  .modCard02 .link.bnrBora .title {
    padding-top: 3px
  }
}

.modCard02 .link.bnrBora .title img {
  height: 40px
}

.modCard02 .link.bnrBora:before {
  background-color: #43608c
}

.modCard02 .link.bnrDantai .title {
  padding-top: 4px;
  border-color: #999;
  color: #999;
  font-size: 3.2rem;
  font-weight: 700
}

@media all and (max-width:768px) {
  .modCard02 .link.bnrDantai .title {
    font-size: 28px
  }
}

.modCard02 .link.bnrDantai:before {
  background-color: #999
}

.modCard02 .link.bnrBaiseki .title {
  padding-top: 8px;
  border-color: #f89e43
}

.modCard02 .link.bnrBaiseki .title img {
  height: 34px
}

@media all and (max-width:768px) {
  .modCard02 .link.bnrBaiseki .title img {
    height: 29px
  }
}

.modCard02 .link.bnrBaiseki:before {
  background-color: #f89e43
}


/*20190116 protoadd*/

.modCard02 .link.bnrBuilding:before {
  background-color: #18b1e0;
}

.modCard02 .link.bnrBuilding .title {
  border-color: #18b1e0;
}

.modCard02 .link.bnrBuilding img {
  margin-top: 12px;
}

@media all and (max-width:768px) {
  .modCard02 .link.bnrBuilding img {
    margin-top: 10px;
  }
}

.modCard02 .link.bnrHomehold:before {
  background-color: #007c64;
}

.modCard02 .link.bnrHomehold .title {
  border-color: #007c64;
}

.modCard02 .link.bnrHomehold img {
  margin-top: 12px;
}

@media all and (max-width:768px) {
  .modCard02 .link.bnrHomehold img {
    margin-top: 10px;
  }
}

.modCard02 .link.bnrKasai:before {
  background-color: #2f4e9e;
}

.modCard02 .link.bnrKasai .title {
  border-color: #2f4e9e;
}

.modCard02 .link.bnrKasai img {
  margin-top: 12px;
}

@media all and (max-width:768px) {
  .modCard02 .link.bnrKasai img {
    margin-top: 10px;
  }
}

.modCard02 .link.bnrKurumeister:before {
  background-color: #2f4e9e;
}

.modCard02 .link.bnrKurumeister .title {
  border-color: #2f4e9e;
}

.modCard02 .link.bnrKurumeister img {
  margin-top: 16px;
}

@media all and (max-width:768px) {
  .modCard02 .link.bnrKurumeister img {
    margin-top: 13px;
  }
}

.modCard02 .link.bnrMandatory:before {
  background-color: #007c64;
}

.modCard02 .link.bnrMandatory .title {
  border-color: #007c64;
}

.modCard02 .link.bnrMandatory img {
  margin-top: 12px;
}

@media all and (max-width:768px) {
  .modCard02 .link.bnrMandatory img {
    margin-top: 11px;
  }
}

.modCard02 .title {
  height: 74px;
  border-bottom: 4px solid
}

@media all and (max-width:768px) {
  .modCard02 .title {
    height: 64px;
    padding-left: 5px
  }
}

.modCard02 .txtCmn {
  margin-top: 20px
}

@media all and (max-width:768px) {
  .modCard02 .txtCmn {
    margin-top: 15px;
    padding: 0 5px
  }
}

.modCard02 .txtCmn+.gridWrap {
  margin-top: 20px
}

@media all and (max-width:768px) {
  .modCard02 .txtCmn+.gridWrap {
    margin-top: 15px
  }
}

.modCard02 .btnRnd {
  min-height: 0;
  height: 40px;
  border-radius: 20px;
  font-size: 16px;
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .modCard02 .btnRnd {
    height: 30px;
    border-radius: 15px;
    font-size: 14px
  }
}

.modCard02 .btnRndG[target="_blank"]:before {
  margin-top: 0;
  top: 10px;
  right: 30px
}

@media all and (max-width:768px) {
  .modCard02 .btnRndG[target="_blank"]:before {
    top: 9px;
    right: 10px;
    width: 12px;
    height: 12px;
    background-size: cover
  }
}

.modCard02 .btnRndLg[target="_blank"]:before {
  margin-top: 0;
  top: 10px;
  right: 11px
}

@media all and (max-width:768px) {
  .modCard02 .btnRndLg[target="_blank"]:before {
    top: 9px;
    right: 10px;
    width: 12px;
    height: 12px;
    background-size: cover
  }
}

@media all and (min-width:769px) {
  .modCardBorder {
    margin: 0 -20px
  }
}

@media all and (max-width:768px) {
  .modCardBorder {
    margin: 10px
  }
}

.modCardBorder [class^=gridCol] {
  border-left: 2px solid #f2f2f2
}

@media all and (max-width:768px) {
  .modCardBorder [class^=gridCol] {
    padding-top: 20px;
    border-left: none;
    border-top: 2px solid #f2f2f2
  }
}

.modCardBorder [class^=gridCol]:first-child {
  border: none
}

@media all and (max-width:768px) {
  .modCardBorder [class^=gridCol]:first-child {
    padding-top: 0
  }
}

@media all and (max-width:768px) {
  .modCardBorder [class^=gridCol]:last-child article {
    padding-bottom: 0
  }
}

.modCardBorder article {
  position: relative;
  padding: 60px 52px 0;
  text-align: center
}

@media all and (max-width:768px) {
  .modCardBorder article {
    padding: 54px 0 15px
  }
}

.modCardBorder article i {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  height: 50px
}

@media all and (max-width:768px) {
  .modCardBorder article i {
    width: 38px;
    height: 38px
  }
}

.modCardBorder article i.icon_mail {
  width: 38px;
  height: 38px;
  top: 10px
}

@media all and (max-width:768px) {
  .modCardBorder article i.icon_mail {
    width: 29px;
    height: 29px;
    top: 5px
  }
}

.modCardBorder article .title {
  position: relative;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 700
}

@media all and (max-width:768px) {
  .modCardBorder article .title {
    font-size: 16px;
    text-align: center
  }
}

.modCardBorder article .txtCmn {
  margin-top: 5px;
  text-align: left
}

.cardEnjoy article {
  height: 100%
}

@media all and (max-width:768px) {
  .cardEnjoy article {
    padding: 0 15px
  }
}

.cardEnjoy article a {
  position: relative;
  display: block;
  height: 100%;
  padding: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  color: inherit;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna'
}

@media all and (-ms-high-contrast:none) {
  .cardEnjoy article a {
    -webkit-box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35)
  }
}

@media all and (min-width:769px) {
  .cardEnjoy article a:hover img {
    opacity: .65
  }
}

@media all and (max-width:768px) {
  .cardEnjoy article a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px
  }
}

@media all and (max-width:768px) {
  .cardEnjoy article a div {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 105px;
    margin-right: 15px
  }
}

.cardEnjoy article a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  line-height: 1
}

@media all and (-ms-high-contrast:none) {
  .cardEnjoy article a span {
    letter-spacing: 0
  }
}

.ua-android .cardEnjoy article a span {
  letter-spacing: 0
}

@media all and (min-width:769px) {
  .cardEnjoy article a span {
    position: absolute;
    top: 0;
    left: 10px;
    width: 10.5rem;
    height: 3rem;
    z-index: 1
  }
}

@media all and (max-width:768px) {
  .cardEnjoy article a span {
    height: 25px
  }
}

@media all and (max-width:768px) {
  .cardEnjoy article a h3 {
    margin-top: 5px
  }
}

.cardEnjoy article a p {
  margin-top: 1em;
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .cardEnjoy article a p {
    letter-spacing: 0
  }
}

.ua-android .cardEnjoy article a p {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .cardEnjoy article a p {
    margin-top: 0
  }
}

.cardEnjoy article a[target="_blank"]:before {
  position: absolute;
  content: '';
  width: 18px;
  height: 18px;
  right: 8px;
  bottom: 10px
}

.cardEnjoy article.catMovie a {
  border-bottom: 4px solid #c80
}

.cardEnjoy article.catMovie a span {
  background-color: #c80
}

.cardEnjoy article.catMovie a[target="_blank"]:before {
  background: url(/common/img/icon/icon_blank_03_orange.png) center/cover
}

.cardEnjoy article.catCampaign a {
  border-bottom: 4px solid #c03
}

.cardEnjoy article.catCampaign a span {
  background-color: #c03
}

.cardEnjoy article.catCampaign a[target="_blank"]:before {
  background: url(/common/img/icon/icon_blank_03_red.png) center/cover
}

.cardEnjoy article.catEnjoy a, .cardEnjoy article.catFind a {
  border-bottom: 4px solid #007c64
}

.cardEnjoy article.catEnjoy a span, .cardEnjoy article.catFind a span {
  background-color: #007c64
}

.cardEnjoy article.catEnjoy a[target="_blank"]:before, .cardEnjoy article.catFind a[target="_blank"]:before {
  background: url(/common/img/icon/icon_blank_03_green.png) center/cover
}

@media all and (min-width:769px) {
  .cardEnjoy article.catFind a:hover h3:before {
    opacity: .6
  }
}

.cardEnjoy article.catFind h3 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 160px;
  font-size: 1.8rem;
  font-weight: 700
}

@media all and (max-width:768px) {
  .cardEnjoy article.catFind h3 {
    height: 70px;
    font-size: 14px;
    text-align: center
  }
}

.cardEnjoy article.catFind h3:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: url(/common/img/module/bg_find_01.png) no-repeat center
}

@media all and (max-width:768px) {
  .cardEnjoy article.catFind h3:before {
    background-size: auto 54px
  }
}

.cardEnjoy article.catFind.catWords h3:before {
  background: url(/common/img/module/bg_words_01.png) no-repeat top 22px center
}

@media all and (max-width:768px) {
  .cardEnjoy article.catFind.catWords h3:before {
    background-position: center;
    background-size: auto 56px
  }
}

.figCmn {
  margin-top: 30px;
  text-align: center
}
.figCmn_inner {
	padding: 20px;
    display: flex;
    justify-content: center;
    background-color: #fff;
    border-radius: 6px;
}
.figCmn_inner > * {
	display: block;
}
.figCmn_inner > *:not(:first-child) {
	margin-left: 2%;
}

@media all and (max-width:768px) {
  .figCmn {
    margin-top: 20px
  }
}

.contents>article+.figCmn {
  margin-top: 100px
}

@media all and (max-width:768px) {
  .contents>article+.figCmn {
    margin-top: 50px
  }
}

.grid12, .gridWrap {
  width: auto!important;
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.grid12.gridGutter0, .gridWrap.gridGutter0 {
  margin-left: 0;
  margin-bottom: 0
}

.grid12.gridGutter0>*, .gridWrap.gridGutter0>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0;
  padding-bottom: 0
}

.grid12.gridGutter1, .gridWrap.gridGutter1 {
  margin-left: -1%;
  margin-bottom: -1%
}

.grid12.gridGutter1>*, .gridWrap.gridGutter1>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 1%;
  padding-bottom: 1%
}

.grid12.gridGutter2, .gridWrap.gridGutter2 {
  margin-left: -2%;
  margin-bottom: -2%
}

.grid12.gridGutter2>*, .gridWrap.gridGutter2>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 2%;
  padding-bottom: 2%
}

.grid12.gridGutter3, .gridWrap.gridGutter3 {
  margin-left: -3%;
  margin-bottom: -3%
}

.grid12.gridGutter3>*, .gridWrap.gridGutter3>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 3%;
  padding-bottom: 3%
}

.grid12.gridGutter4, .gridWrap.gridGutter4 {
  margin-left: -4%;
  margin-bottom: -4%
}

.grid12.gridGutter4>*, .gridWrap.gridGutter4>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 4%;
  padding-bottom: 4%
}

.grid12.gridGutter5, .gridWrap.gridGutter5 {
  margin-left: -5%;
  margin-bottom: -5%
}

.grid12.gridGutter5>*, .gridWrap.gridGutter5>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 5%;
  padding-bottom: 5%
}

.grid12.gridGutter6, .gridWrap.gridGutter6 {
  margin-left: -6%;
  margin-bottom: -6%
}

.grid12.gridGutter6>*, .gridWrap.gridGutter6>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 6%;
  padding-bottom: 6%
}

.grid12.gridGutter7, .gridWrap.gridGutter7 {
  margin-left: -7%;
  margin-bottom: -7%
}

.grid12.gridGutter7>*, .gridWrap.gridGutter7>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 7%;
  padding-bottom: 7%
}

.grid12.gridGutter8, .gridWrap.gridGutter8 {
  margin-left: -8%;
  margin-bottom: -8%
}

.grid12.gridGutter8>*, .gridWrap.gridGutter8>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8%;
  padding-bottom: 8%
}

.grid12.gridGutter9, .gridWrap.gridGutter9 {
  margin-left: -9%;
  margin-bottom: -9%
}

.grid12.gridGutter9>*, .gridWrap.gridGutter9>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 9%;
  padding-bottom: 9%
}

.grid12.gridGutter10, .gridWrap.gridGutter10 {
  margin-left: -10%;
  margin-bottom: -10%
}

.grid12.gridGutter10>*, .gridWrap.gridGutter10>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10%;
  padding-bottom: 10%
}

.grid12.gridGutter11, .gridWrap.gridGutter11 {
  margin-left: -11%;
  margin-bottom: -11%
}

.grid12.gridGutter11>*, .gridWrap.gridGutter11>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 11%;
  padding-bottom: 11%
}

.grid12.gridGutter12, .gridWrap.gridGutter12 {
  margin-left: -12%;
  margin-bottom: -12%
}

.grid12.gridGutter12>*, .gridWrap.gridGutter12>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 12%;
  padding-bottom: 12%
}

.grid12.gridGutter13, .gridWrap.gridGutter13 {
  margin-left: -13%;
  margin-bottom: -13%
}

.grid12.gridGutter13>*, .gridWrap.gridGutter13>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 13%;
  padding-bottom: 13%
}

.grid12.gridGutter14, .gridWrap.gridGutter14 {
  margin-left: -14%;
  margin-bottom: -14%
}

.grid12.gridGutter14>*, .gridWrap.gridGutter14>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 14%;
  padding-bottom: 14%
}

.grid12.gridGutter15, .gridWrap.gridGutter15 {
  margin-left: -15%;
  margin-bottom: -15%
}

.grid12.gridGutter15>*, .gridWrap.gridGutter15>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15%;
  padding-bottom: 15%
}

.grid12.gridGutter16, .gridWrap.gridGutter16 {
  margin-left: -16%;
  margin-bottom: -16%
}

.grid12.gridGutter16>*, .gridWrap.gridGutter16>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 16%;
  padding-bottom: 16%
}

.grid12.gridGutter17, .gridWrap.gridGutter17 {
  margin-left: -17%;
  margin-bottom: -17%
}

.grid12.gridGutter17>*, .gridWrap.gridGutter17>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 17%;
  padding-bottom: 17%
}

.grid12.gridGutter18, .gridWrap.gridGutter18 {
  margin-left: -18%;
  margin-bottom: -18%
}

.grid12.gridGutter18>*, .gridWrap.gridGutter18>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 18%;
  padding-bottom: 18%
}

.grid12.gridGutter19, .gridWrap.gridGutter19 {
  margin-left: -19%;
  margin-bottom: -19%
}

.grid12.gridGutter19>*, .gridWrap.gridGutter19>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 19%;
  padding-bottom: 19%
}

.grid12.gridGutter20, .gridWrap.gridGutter20 {
  margin-left: -20%;
  margin-bottom: -20%
}

.grid12.gridGutter20>*, .gridWrap.gridGutter20>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20%;
  padding-bottom: 20%
}

.grid12.gridGutter0px, .gridWrap.gridGutter0px {
  margin-left: 0;
  margin-bottom: 0
}

.grid12.gridGutter0px>*, .gridWrap.gridGutter0px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0;
  padding-bottom: 0
}

.grid12.gridGutter1px, .gridWrap.gridGutter1px {
  margin-left: -1px;
  margin-bottom: -1px
}

.grid12.gridGutter1px>*, .gridWrap.gridGutter1px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 1px;
  padding-bottom: 1px
}

.grid12.gridGutter2px, .gridWrap.gridGutter2px {
  margin-left: -2px;
  margin-bottom: -2px
}

.grid12.gridGutter2px>*, .gridWrap.gridGutter2px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 2px;
  padding-bottom: 2px
}

.grid12.gridGutter3px, .gridWrap.gridGutter3px {
  margin-left: -3px;
  margin-bottom: -3px
}

.grid12.gridGutter3px>*, .gridWrap.gridGutter3px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 3px;
  padding-bottom: 3px
}

.grid12.gridGutter4px, .gridWrap.gridGutter4px {
  margin-left: -4px;
  margin-bottom: -4px
}

.grid12.gridGutter4px>*, .gridWrap.gridGutter4px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 4px;
  padding-bottom: 4px
}

.grid12.gridGutter5px, .gridWrap.gridGutter5px {
  margin-left: -5px;
  margin-bottom: -5px
}

.grid12.gridGutter5px>*, .gridWrap.gridGutter5px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 5px;
  padding-bottom: 5px
}

.grid12.gridGutter6px, .gridWrap.gridGutter6px {
  margin-left: -6px;
  margin-bottom: -6px
}

.grid12.gridGutter6px>*, .gridWrap.gridGutter6px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 6px;
  padding-bottom: 6px
}

.grid12.gridGutter7px, .gridWrap.gridGutter7px {
  margin-left: -7px;
  margin-bottom: -7px
}

.grid12.gridGutter7px>*, .gridWrap.gridGutter7px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 7px;
  padding-bottom: 7px
}

.grid12.gridGutter8px, .gridWrap.gridGutter8px {
  margin-left: -8px;
  margin-bottom: -8px
}

.grid12.gridGutter8px>*, .gridWrap.gridGutter8px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
  padding-bottom: 8px
}

.grid12.gridGutter9px, .gridWrap.gridGutter9px {
  margin-left: -9px;
  margin-bottom: -9px
}

.grid12.gridGutter9px>*, .gridWrap.gridGutter9px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 9px;
  padding-bottom: 9px
}

.grid12.gridGutter10px, .gridWrap.gridGutter10px {
  margin-left: -10px;
  margin-bottom: -10px
}

.grid12.gridGutter10px>*, .gridWrap.gridGutter10px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-bottom: 10px
}

.grid12.gridGutter11px, .gridWrap.gridGutter11px {
  margin-left: -11px;
  margin-bottom: -11px
}

.grid12.gridGutter11px>*, .gridWrap.gridGutter11px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 11px;
  padding-bottom: 11px
}

.grid12.gridGutter12px, .gridWrap.gridGutter12px {
  margin-left: -12px;
  margin-bottom: -12px
}

.grid12.gridGutter12px>*, .gridWrap.gridGutter12px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 12px;
  padding-bottom: 12px
}

.grid12.gridGutter13px, .gridWrap.gridGutter13px {
  margin-left: -13px;
  margin-bottom: -13px
}

.grid12.gridGutter13px>*, .gridWrap.gridGutter13px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 13px;
  padding-bottom: 13px
}

.grid12.gridGutter14px, .gridWrap.gridGutter14px {
  margin-left: -14px;
  margin-bottom: -14px
}

.grid12.gridGutter14px>*, .gridWrap.gridGutter14px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 14px;
  padding-bottom: 14px
}

.grid12.gridGutter15px, .gridWrap.gridGutter15px {
  margin-left: -15px;
  margin-bottom: -15px
}

.grid12.gridGutter15px>*, .gridWrap.gridGutter15px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  padding-bottom: 15px
}

.grid12.gridGutter16px, .gridWrap.gridGutter16px {
  margin-left: -16px;
  margin-bottom: -16px
}

.grid12.gridGutter16px>*, .gridWrap.gridGutter16px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 16px;
  padding-bottom: 16px
}

.grid12.gridGutter17px, .gridWrap.gridGutter17px {
  margin-left: -17px;
  margin-bottom: -17px
}

.grid12.gridGutter17px>*, .gridWrap.gridGutter17px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 17px;
  padding-bottom: 17px
}

.grid12.gridGutter18px, .gridWrap.gridGutter18px {
  margin-left: -18px;
  margin-bottom: -18px
}

.grid12.gridGutter18px>*, .gridWrap.gridGutter18px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 18px;
  padding-bottom: 18px
}

.grid12.gridGutter19px, .gridWrap.gridGutter19px {
  margin-left: -19px;
  margin-bottom: -19px
}

.grid12.gridGutter19px>*, .gridWrap.gridGutter19px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 19px;
  padding-bottom: 19px
}

.grid12.gridGutter20px, .gridWrap.gridGutter20px {
  margin-left: -20px;
  margin-bottom: -20px
}

.grid12.gridGutter20px>*, .gridWrap.gridGutter20px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  padding-bottom: 20px
}

.grid12.gridGutter21px, .gridWrap.gridGutter21px {
  margin-left: -21px;
  margin-bottom: -21px
}

.grid12.gridGutter21px>*, .gridWrap.gridGutter21px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 21px;
  padding-bottom: 21px
}

.grid12.gridGutter22px, .gridWrap.gridGutter22px {
  margin-left: -22px;
  margin-bottom: -22px
}

.grid12.gridGutter22px>*, .gridWrap.gridGutter22px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 22px;
  padding-bottom: 22px
}

.grid12.gridGutter23px, .gridWrap.gridGutter23px {
  margin-left: -23px;
  margin-bottom: -23px
}

.grid12.gridGutter23px>*, .gridWrap.gridGutter23px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 23px;
  padding-bottom: 23px
}

.grid12.gridGutter24px, .gridWrap.gridGutter24px {
  margin-left: -24px;
  margin-bottom: -24px
}

.grid12.gridGutter24px>*, .gridWrap.gridGutter24px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 24px;
  padding-bottom: 24px
}

.grid12.gridGutter25px, .gridWrap.gridGutter25px {
  margin-left: -25px;
  margin-bottom: -25px
}

.grid12.gridGutter25px>*, .gridWrap.gridGutter25px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 25px;
  padding-bottom: 25px
}

.grid12.gridGutter26px, .gridWrap.gridGutter26px {
  margin-left: -26px;
  margin-bottom: -26px
}

.grid12.gridGutter26px>*, .gridWrap.gridGutter26px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 26px;
  padding-bottom: 26px
}

.grid12.gridGutter27px, .gridWrap.gridGutter27px {
  margin-left: -27px;
  margin-bottom: -27px
}

.grid12.gridGutter27px>*, .gridWrap.gridGutter27px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 27px;
  padding-bottom: 27px
}

.grid12.gridGutter28px, .gridWrap.gridGutter28px {
  margin-left: -28px;
  margin-bottom: -28px
}

.grid12.gridGutter28px>*, .gridWrap.gridGutter28px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 28px;
  padding-bottom: 28px
}

.grid12.gridGutter29px, .gridWrap.gridGutter29px {
  margin-left: -29px;
  margin-bottom: -29px
}

.grid12.gridGutter29px>*, .gridWrap.gridGutter29px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 29px;
  padding-bottom: 29px
}

.grid12.gridGutter30px, .gridWrap.gridGutter30px {
  margin-left: -30px;
  margin-bottom: -30px
}

.grid12.gridGutter30px>*, .gridWrap.gridGutter30px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
  padding-bottom: 30px
}

.grid12.gridGutter31px, .gridWrap.gridGutter31px {
  margin-left: -31px;
  margin-bottom: -31px
}

.grid12.gridGutter31px>*, .gridWrap.gridGutter31px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 31px;
  padding-bottom: 31px
}

.grid12.gridGutter32px, .gridWrap.gridGutter32px {
  margin-left: -32px;
  margin-bottom: -32px
}

.grid12.gridGutter32px>*, .gridWrap.gridGutter32px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 32px;
  padding-bottom: 32px
}

.grid12.gridGutter33px, .gridWrap.gridGutter33px {
  margin-left: -33px;
  margin-bottom: -33px
}

.grid12.gridGutter33px>*, .gridWrap.gridGutter33px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 33px;
  padding-bottom: 33px
}

.grid12.gridGutter34px, .gridWrap.gridGutter34px {
  margin-left: -34px;
  margin-bottom: -34px
}

.grid12.gridGutter34px>*, .gridWrap.gridGutter34px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 34px;
  padding-bottom: 34px
}

.grid12.gridGutter35px, .gridWrap.gridGutter35px {
  margin-left: -35px;
  margin-bottom: -35px
}

.grid12.gridGutter35px>*, .gridWrap.gridGutter35px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 35px;
  padding-bottom: 35px
}

.grid12.gridGutter36px, .gridWrap.gridGutter36px {
  margin-left: -36px;
  margin-bottom: -36px
}

.grid12.gridGutter36px>*, .gridWrap.gridGutter36px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 36px;
  padding-bottom: 36px
}

.grid12.gridGutter37px, .gridWrap.gridGutter37px {
  margin-left: -37px;
  margin-bottom: -37px
}

.grid12.gridGutter37px>*, .gridWrap.gridGutter37px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 37px;
  padding-bottom: 37px
}

.grid12.gridGutter38px, .gridWrap.gridGutter38px {
  margin-left: -38px;
  margin-bottom: -38px
}

.grid12.gridGutter38px>*, .gridWrap.gridGutter38px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 38px;
  padding-bottom: 38px
}

.grid12.gridGutter39px, .gridWrap.gridGutter39px {
  margin-left: -39px;
  margin-bottom: -39px
}

.grid12.gridGutter39px>*, .gridWrap.gridGutter39px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 39px;
  padding-bottom: 39px
}

.grid12.gridGutter40px, .gridWrap.gridGutter40px {
  margin-left: -40px;
  margin-bottom: -40px
}

.grid12.gridGutter40px>*, .gridWrap.gridGutter40px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 40px;
  padding-bottom: 40px
}

.grid12.gridGutter41px, .gridWrap.gridGutter41px {
  margin-left: -41px;
  margin-bottom: -41px
}

.grid12.gridGutter41px>*, .gridWrap.gridGutter41px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 41px;
  padding-bottom: 41px
}

.grid12.gridGutter42px, .gridWrap.gridGutter42px {
  margin-left: -42px;
  margin-bottom: -42px
}

.grid12.gridGutter42px>*, .gridWrap.gridGutter42px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 42px;
  padding-bottom: 42px
}

.grid12.gridGutter43px, .gridWrap.gridGutter43px {
  margin-left: -43px;
  margin-bottom: -43px
}

.grid12.gridGutter43px>*, .gridWrap.gridGutter43px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 43px;
  padding-bottom: 43px
}

.grid12.gridGutter44px, .gridWrap.gridGutter44px {
  margin-left: -44px;
  margin-bottom: -44px
}

.grid12.gridGutter44px>*, .gridWrap.gridGutter44px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 44px;
  padding-bottom: 44px
}

.grid12.gridGutter45px, .gridWrap.gridGutter45px {
  margin-left: -45px;
  margin-bottom: -45px
}

.grid12.gridGutter45px>*, .gridWrap.gridGutter45px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 45px;
  padding-bottom: 45px
}

.grid12.gridGutter46px, .gridWrap.gridGutter46px {
  margin-left: -46px;
  margin-bottom: -46px
}

.grid12.gridGutter46px>*, .gridWrap.gridGutter46px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 46px;
  padding-bottom: 46px
}

.grid12.gridGutter47px, .gridWrap.gridGutter47px {
  margin-left: -47px;
  margin-bottom: -47px
}

.grid12.gridGutter47px>*, .gridWrap.gridGutter47px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 47px;
  padding-bottom: 47px
}

.grid12.gridGutter48px, .gridWrap.gridGutter48px {
  margin-left: -48px;
  margin-bottom: -48px
}

.grid12.gridGutter48px>*, .gridWrap.gridGutter48px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 48px;
  padding-bottom: 48px
}

.grid12.gridGutter49px, .gridWrap.gridGutter49px {
  margin-left: -49px;
  margin-bottom: -49px
}

.grid12.gridGutter49px>*, .gridWrap.gridGutter49px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 49px;
  padding-bottom: 49px
}

.grid12.gridGutter50px, .gridWrap.gridGutter50px {
  margin-left: -50px;
  margin-bottom: -50px
}

.grid12.gridGutter50px>*, .gridWrap.gridGutter50px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 50px;
  padding-bottom: 50px
}

.grid12.gridGutter51px, .gridWrap.gridGutter51px {
  margin-left: -51px;
  margin-bottom: -51px
}

.grid12.gridGutter51px>*, .gridWrap.gridGutter51px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 51px;
  padding-bottom: 51px
}

.grid12.gridGutter52px, .gridWrap.gridGutter52px {
  margin-left: -52px;
  margin-bottom: -52px
}

.grid12.gridGutter52px>*, .gridWrap.gridGutter52px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 52px;
  padding-bottom: 52px
}

.grid12.gridGutter53px, .gridWrap.gridGutter53px {
  margin-left: -53px;
  margin-bottom: -53px
}

.grid12.gridGutter53px>*, .gridWrap.gridGutter53px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 53px;
  padding-bottom: 53px
}

.grid12.gridGutter54px, .gridWrap.gridGutter54px {
  margin-left: -54px;
  margin-bottom: -54px
}

.grid12.gridGutter54px>*, .gridWrap.gridGutter54px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 54px;
  padding-bottom: 54px
}

.grid12.gridGutter55px, .gridWrap.gridGutter55px {
  margin-left: -55px;
  margin-bottom: -55px
}

.grid12.gridGutter55px>*, .gridWrap.gridGutter55px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 55px;
  padding-bottom: 55px
}

.grid12.gridGutter56px, .gridWrap.gridGutter56px {
  margin-left: -56px;
  margin-bottom: -56px
}

.grid12.gridGutter56px>*, .gridWrap.gridGutter56px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 56px;
  padding-bottom: 56px
}

.grid12.gridGutter57px, .gridWrap.gridGutter57px {
  margin-left: -57px;
  margin-bottom: -57px
}

.grid12.gridGutter57px>*, .gridWrap.gridGutter57px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 57px;
  padding-bottom: 57px
}

.grid12.gridGutter58px, .gridWrap.gridGutter58px {
  margin-left: -58px;
  margin-bottom: -58px
}

.grid12.gridGutter58px>*, .gridWrap.gridGutter58px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 58px;
  padding-bottom: 58px
}

.grid12.gridGutter59px, .gridWrap.gridGutter59px {
  margin-left: -59px;
  margin-bottom: -59px
}

.grid12.gridGutter59px>*, .gridWrap.gridGutter59px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 59px;
  padding-bottom: 59px
}

.grid12.gridGutter60px, .gridWrap.gridGutter60px {
  margin-left: -60px;
  margin-bottom: -60px
}

.grid12.gridGutter60px>*, .gridWrap.gridGutter60px>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 60px;
  padding-bottom: 60px
}

@media all and (max-width:768px) {
  .grid12.gridGuttersp0, .gridWrap.gridGuttersp0 {
    margin-left: 0;
    margin-bottom: 0
  }
  .grid12.gridGuttersp0>*, .gridWrap.gridGuttersp0>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0;
    padding-bottom: 0
  }
  .grid12.gridGuttersp1, .gridWrap.gridGuttersp1 {
    margin-left: -1%;
    margin-bottom: -1%
  }
  .grid12.gridGuttersp1>*, .gridWrap.gridGuttersp1>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1%;
    padding-bottom: 1%
  }
  .grid12.gridGuttersp2, .gridWrap.gridGuttersp2 {
    margin-left: -2%;
    margin-bottom: -2%
  }
  .grid12.gridGuttersp2>*, .gridWrap.gridGuttersp2>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2%;
    padding-bottom: 2%
  }
  .grid12.gridGuttersp3, .gridWrap.gridGuttersp3 {
    margin-left: -3%;
    margin-bottom: -3%
  }
  .grid12.gridGuttersp3>*, .gridWrap.gridGuttersp3>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 3%;
    padding-bottom: 3%
  }
  .grid12.gridGuttersp4, .gridWrap.gridGuttersp4 {
    margin-left: -4%;
    margin-bottom: -4%
  }
  .grid12.gridGuttersp4>*, .gridWrap.gridGuttersp4>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 4%;
    padding-bottom: 4%
  }
  .grid12.gridGuttersp5, .gridWrap.gridGuttersp5 {
    margin-left: -5%;
    margin-bottom: -5%
  }
  .grid12.gridGuttersp5>*, .gridWrap.gridGuttersp5>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 5%;
    padding-bottom: 5%
  }
  .grid12.gridGuttersp6, .gridWrap.gridGuttersp6 {
    margin-left: -6%;
    margin-bottom: -6%
  }
  .grid12.gridGuttersp6>*, .gridWrap.gridGuttersp6>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 6%;
    padding-bottom: 6%
  }
  .grid12.gridGuttersp7, .gridWrap.gridGuttersp7 {
    margin-left: -7%;
    margin-bottom: -7%
  }
  .grid12.gridGuttersp7>*, .gridWrap.gridGuttersp7>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 7%;
    padding-bottom: 7%
  }
  .grid12.gridGuttersp8, .gridWrap.gridGuttersp8 {
    margin-left: -8%;
    margin-bottom: -8%
  }
  .grid12.gridGuttersp8>*, .gridWrap.gridGuttersp8>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8%;
    padding-bottom: 8%
  }
  .grid12.gridGuttersp9, .gridWrap.gridGuttersp9 {
    margin-left: -9%;
    margin-bottom: -9%
  }
  .grid12.gridGuttersp9>*, .gridWrap.gridGuttersp9>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 9%;
    padding-bottom: 9%
  }
  .grid12.gridGuttersp10, .gridWrap.gridGuttersp10 {
    margin-left: -10%;
    margin-bottom: -10%
  }
  .grid12.gridGuttersp10>*, .gridWrap.gridGuttersp10>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10%;
    padding-bottom: 10%
  }
  .grid12.gridGuttersp11, .gridWrap.gridGuttersp11 {
    margin-left: -11%;
    margin-bottom: -11%
  }
  .grid12.gridGuttersp11>*, .gridWrap.gridGuttersp11>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 11%;
    padding-bottom: 11%
  }
  .grid12.gridGuttersp12, .gridWrap.gridGuttersp12 {
    margin-left: -12%;
    margin-bottom: -12%
  }
  .grid12.gridGuttersp12>*, .gridWrap.gridGuttersp12>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12%;
    padding-bottom: 12%
  }
  .grid12.gridGuttersp13, .gridWrap.gridGuttersp13 {
    margin-left: -13%;
    margin-bottom: -13%
  }
  .grid12.gridGuttersp13>*, .gridWrap.gridGuttersp13>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 13%;
    padding-bottom: 13%
  }
  .grid12.gridGuttersp14, .gridWrap.gridGuttersp14 {
    margin-left: -14%;
    margin-bottom: -14%
  }
  .grid12.gridGuttersp14>*, .gridWrap.gridGuttersp14>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 14%;
    padding-bottom: 14%
  }
  .grid12.gridGuttersp15, .gridWrap.gridGuttersp15 {
    margin-left: -15%;
    margin-bottom: -15%
  }
  .grid12.gridGuttersp15>*, .gridWrap.gridGuttersp15>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15%;
    padding-bottom: 15%
  }
  .grid12.gridGuttersp16, .gridWrap.gridGuttersp16 {
    margin-left: -16%;
    margin-bottom: -16%
  }
  .grid12.gridGuttersp16>*, .gridWrap.gridGuttersp16>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16%;
    padding-bottom: 16%
  }
  .grid12.gridGuttersp17, .gridWrap.gridGuttersp17 {
    margin-left: -17%;
    margin-bottom: -17%
  }
  .grid12.gridGuttersp17>*, .gridWrap.gridGuttersp17>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 17%;
    padding-bottom: 17%
  }
  .grid12.gridGuttersp18, .gridWrap.gridGuttersp18 {
    margin-left: -18%;
    margin-bottom: -18%
  }
  .grid12.gridGuttersp18>*, .gridWrap.gridGuttersp18>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 18%;
    padding-bottom: 18%
  }
  .grid12.gridGuttersp19, .gridWrap.gridGuttersp19 {
    margin-left: -19%;
    margin-bottom: -19%
  }
  .grid12.gridGuttersp19>*, .gridWrap.gridGuttersp19>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 19%;
    padding-bottom: 19%
  }
  .grid12.gridGuttersp20, .gridWrap.gridGuttersp20 {
    margin-left: -20%;
    margin-bottom: -20%
  }
  .grid12.gridGuttersp20>*, .gridWrap.gridGuttersp20>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20%;
    padding-bottom: 20%
  }
  .grid12.gridGuttersp0px, .gridWrap.gridGuttersp0px {
    margin-left: 0;
    margin-bottom: 0
  }
  .grid12.gridGuttersp0px>*, .gridWrap.gridGuttersp0px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0;
    padding-bottom: 0
  }
  .grid12.gridGuttersp1px, .gridWrap.gridGuttersp1px {
    margin-left: -1px;
    margin-bottom: -1px
  }
  .grid12.gridGuttersp1px>*, .gridWrap.gridGuttersp1px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1px;
    padding-bottom: 1px
  }
  .grid12.gridGuttersp2px, .gridWrap.gridGuttersp2px {
    margin-left: -2px;
    margin-bottom: -2px
  }
  .grid12.gridGuttersp2px>*, .gridWrap.gridGuttersp2px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2px;
    padding-bottom: 2px
  }
  .grid12.gridGuttersp3px, .gridWrap.gridGuttersp3px {
    margin-left: -3px;
    margin-bottom: -3px
  }
  .grid12.gridGuttersp3px>*, .gridWrap.gridGuttersp3px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 3px;
    padding-bottom: 3px
  }
  .grid12.gridGuttersp4px, .gridWrap.gridGuttersp4px {
    margin-left: -4px;
    margin-bottom: -4px
  }
  .grid12.gridGuttersp4px>*, .gridWrap.gridGuttersp4px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 4px;
    padding-bottom: 4px
  }
  .grid12.gridGuttersp5px, .gridWrap.gridGuttersp5px {
    margin-left: -5px;
    margin-bottom: -5px
  }
  .grid12.gridGuttersp5px>*, .gridWrap.gridGuttersp5px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 5px;
    padding-bottom: 5px
  }
  .grid12.gridGuttersp6px, .gridWrap.gridGuttersp6px {
    margin-left: -6px;
    margin-bottom: -6px
  }
  .grid12.gridGuttersp6px>*, .gridWrap.gridGuttersp6px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 6px;
    padding-bottom: 6px
  }
  .grid12.gridGuttersp7px, .gridWrap.gridGuttersp7px {
    margin-left: -7px;
    margin-bottom: -7px
  }
  .grid12.gridGuttersp7px>*, .gridWrap.gridGuttersp7px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 7px;
    padding-bottom: 7px
  }
  .grid12.gridGuttersp8px, .gridWrap.gridGuttersp8px {
    margin-left: -8px;
    margin-bottom: -8px
  }
  .grid12.gridGuttersp8px>*, .gridWrap.gridGuttersp8px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
    padding-bottom: 8px
  }
  .grid12.gridGuttersp9px, .gridWrap.gridGuttersp9px {
    margin-left: -9px;
    margin-bottom: -9px
  }
  .grid12.gridGuttersp9px>*, .gridWrap.gridGuttersp9px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 9px;
    padding-bottom: 9px
  }
  .grid12.gridGuttersp10px, .gridWrap.gridGuttersp10px {
    margin-left: -10px;
    margin-bottom: -10px
  }
  .grid12.gridGuttersp10px>*, .gridWrap.gridGuttersp10px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 10px
  }
  .grid12.gridGuttersp11px, .gridWrap.gridGuttersp11px {
    margin-left: -11px;
    margin-bottom: -11px
  }
  .grid12.gridGuttersp11px>*, .gridWrap.gridGuttersp11px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 11px;
    padding-bottom: 11px
  }
  .grid12.gridGuttersp12px, .gridWrap.gridGuttersp12px {
    margin-left: -12px;
    margin-bottom: -12px
  }
  .grid12.gridGuttersp12px>*, .gridWrap.gridGuttersp12px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
    padding-bottom: 12px
  }
  .grid12.gridGuttersp13px, .gridWrap.gridGuttersp13px {
    margin-left: -13px;
    margin-bottom: -13px
  }
  .grid12.gridGuttersp13px>*, .gridWrap.gridGuttersp13px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 13px;
    padding-bottom: 13px
  }
  .grid12.gridGuttersp14px, .gridWrap.gridGuttersp14px {
    margin-left: -14px;
    margin-bottom: -14px
  }
  .grid12.gridGuttersp14px>*, .gridWrap.gridGuttersp14px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 14px;
    padding-bottom: 14px
  }
  .grid12.gridGuttersp15px, .gridWrap.gridGuttersp15px {
    margin-left: -15px;
    margin-bottom: -15px
  }
  .grid12.gridGuttersp15px>*, .gridWrap.gridGuttersp15px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    padding-bottom: 15px
  }
  .grid12.gridGuttersp16px, .gridWrap.gridGuttersp16px {
    margin-left: -16px;
    margin-bottom: -16px
  }
  .grid12.gridGuttersp16px>*, .gridWrap.gridGuttersp16px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16px;
    padding-bottom: 16px
  }
  .grid12.gridGuttersp17px, .gridWrap.gridGuttersp17px {
    margin-left: -17px;
    margin-bottom: -17px
  }
  .grid12.gridGuttersp17px>*, .gridWrap.gridGuttersp17px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 17px;
    padding-bottom: 17px
  }
  .grid12.gridGuttersp18px, .gridWrap.gridGuttersp18px {
    margin-left: -18px;
    margin-bottom: -18px
  }
  .grid12.gridGuttersp18px>*, .gridWrap.gridGuttersp18px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 18px;
    padding-bottom: 18px
  }
  .grid12.gridGuttersp19px, .gridWrap.gridGuttersp19px {
    margin-left: -19px;
    margin-bottom: -19px
  }
  .grid12.gridGuttersp19px>*, .gridWrap.gridGuttersp19px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 19px;
    padding-bottom: 19px
  }
  .grid12.gridGuttersp20px, .gridWrap.gridGuttersp20px {
    margin-left: -20px;
    margin-bottom: -20px
  }
  .grid12.gridGuttersp20px>*, .gridWrap.gridGuttersp20px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 20px
  }
  .grid12.gridGuttersp21px, .gridWrap.gridGuttersp21px {
    margin-left: -21px;
    margin-bottom: -21px
  }
  .grid12.gridGuttersp21px>*, .gridWrap.gridGuttersp21px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 21px;
    padding-bottom: 21px
  }
  .grid12.gridGuttersp22px, .gridWrap.gridGuttersp22px {
    margin-left: -22px;
    margin-bottom: -22px
  }
  .grid12.gridGuttersp22px>*, .gridWrap.gridGuttersp22px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 22px;
    padding-bottom: 22px
  }
  .grid12.gridGuttersp23px, .gridWrap.gridGuttersp23px {
    margin-left: -23px;
    margin-bottom: -23px
  }
  .grid12.gridGuttersp23px>*, .gridWrap.gridGuttersp23px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 23px;
    padding-bottom: 23px
  }
  .grid12.gridGuttersp24px, .gridWrap.gridGuttersp24px {
    margin-left: -24px;
    margin-bottom: -24px
  }
  .grid12.gridGuttersp24px>*, .gridWrap.gridGuttersp24px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 24px;
    padding-bottom: 24px
  }
  .grid12.gridGuttersp25px, .gridWrap.gridGuttersp25px {
    margin-left: -25px;
    margin-bottom: -25px
  }
  .grid12.gridGuttersp25px>*, .gridWrap.gridGuttersp25px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 25px;
    padding-bottom: 25px
  }
  .grid12.gridGuttersp26px, .gridWrap.gridGuttersp26px {
    margin-left: -26px;
    margin-bottom: -26px
  }
  .grid12.gridGuttersp26px>*, .gridWrap.gridGuttersp26px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 26px;
    padding-bottom: 26px
  }
  .grid12.gridGuttersp27px, .gridWrap.gridGuttersp27px {
    margin-left: -27px;
    margin-bottom: -27px
  }
  .grid12.gridGuttersp27px>*, .gridWrap.gridGuttersp27px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 27px;
    padding-bottom: 27px
  }
  .grid12.gridGuttersp28px, .gridWrap.gridGuttersp28px {
    margin-left: -28px;
    margin-bottom: -28px
  }
  .grid12.gridGuttersp28px>*, .gridWrap.gridGuttersp28px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 28px;
    padding-bottom: 28px
  }
  .grid12.gridGuttersp29px, .gridWrap.gridGuttersp29px {
    margin-left: -29px;
    margin-bottom: -29px
  }
  .grid12.gridGuttersp29px>*, .gridWrap.gridGuttersp29px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 29px;
    padding-bottom: 29px
  }
  .grid12.gridGuttersp30px, .gridWrap.gridGuttersp30px {
    margin-left: -30px;
    margin-bottom: -30px
  }
  .grid12.gridGuttersp30px>*, .gridWrap.gridGuttersp30px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    padding-bottom: 30px
  }
  .grid12.gridGuttersp31px, .gridWrap.gridGuttersp31px {
    margin-left: -31px;
    margin-bottom: -31px
  }
  .grid12.gridGuttersp31px>*, .gridWrap.gridGuttersp31px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 31px;
    padding-bottom: 31px
  }
  .grid12.gridGuttersp32px, .gridWrap.gridGuttersp32px {
    margin-left: -32px;
    margin-bottom: -32px
  }
  .grid12.gridGuttersp32px>*, .gridWrap.gridGuttersp32px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 32px;
    padding-bottom: 32px
  }
  .grid12.gridGuttersp33px, .gridWrap.gridGuttersp33px {
    margin-left: -33px;
    margin-bottom: -33px
  }
  .grid12.gridGuttersp33px>*, .gridWrap.gridGuttersp33px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 33px;
    padding-bottom: 33px
  }
  .grid12.gridGuttersp34px, .gridWrap.gridGuttersp34px {
    margin-left: -34px;
    margin-bottom: -34px
  }
  .grid12.gridGuttersp34px>*, .gridWrap.gridGuttersp34px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 34px;
    padding-bottom: 34px
  }
  .grid12.gridGuttersp35px, .gridWrap.gridGuttersp35px {
    margin-left: -35px;
    margin-bottom: -35px
  }
  .grid12.gridGuttersp35px>*, .gridWrap.gridGuttersp35px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 35px;
    padding-bottom: 35px
  }
  .grid12.gridGuttersp36px, .gridWrap.gridGuttersp36px {
    margin-left: -36px;
    margin-bottom: -36px
  }
  .grid12.gridGuttersp36px>*, .gridWrap.gridGuttersp36px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 36px;
    padding-bottom: 36px
  }
  .grid12.gridGuttersp37px, .gridWrap.gridGuttersp37px {
    margin-left: -37px;
    margin-bottom: -37px
  }
  .grid12.gridGuttersp37px>*, .gridWrap.gridGuttersp37px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 37px;
    padding-bottom: 37px
  }
  .grid12.gridGuttersp38px, .gridWrap.gridGuttersp38px {
    margin-left: -38px;
    margin-bottom: -38px
  }
  .grid12.gridGuttersp38px>*, .gridWrap.gridGuttersp38px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 38px;
    padding-bottom: 38px
  }
  .grid12.gridGuttersp39px, .gridWrap.gridGuttersp39px {
    margin-left: -39px;
    margin-bottom: -39px
  }
  .grid12.gridGuttersp39px>*, .gridWrap.gridGuttersp39px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 39px;
    padding-bottom: 39px
  }
  .grid12.gridGuttersp40px, .gridWrap.gridGuttersp40px {
    margin-left: -40px;
    margin-bottom: -40px
  }
  .grid12.gridGuttersp40px>*, .gridWrap.gridGuttersp40px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 40px;
    padding-bottom: 40px
  }
  .grid12.gridGuttersp41px, .gridWrap.gridGuttersp41px {
    margin-left: -41px;
    margin-bottom: -41px
  }
  .grid12.gridGuttersp41px>*, .gridWrap.gridGuttersp41px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 41px;
    padding-bottom: 41px
  }
  .grid12.gridGuttersp42px, .gridWrap.gridGuttersp42px {
    margin-left: -42px;
    margin-bottom: -42px
  }
  .grid12.gridGuttersp42px>*, .gridWrap.gridGuttersp42px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 42px;
    padding-bottom: 42px
  }
  .grid12.gridGuttersp43px, .gridWrap.gridGuttersp43px {
    margin-left: -43px;
    margin-bottom: -43px
  }
  .grid12.gridGuttersp43px>*, .gridWrap.gridGuttersp43px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 43px;
    padding-bottom: 43px
  }
  .grid12.gridGuttersp44px, .gridWrap.gridGuttersp44px {
    margin-left: -44px;
    margin-bottom: -44px
  }
  .grid12.gridGuttersp44px>*, .gridWrap.gridGuttersp44px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 44px;
    padding-bottom: 44px
  }
  .grid12.gridGuttersp45px, .gridWrap.gridGuttersp45px {
    margin-left: -45px;
    margin-bottom: -45px
  }
  .grid12.gridGuttersp45px>*, .gridWrap.gridGuttersp45px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 45px;
    padding-bottom: 45px
  }
  .grid12.gridGuttersp46px, .gridWrap.gridGuttersp46px {
    margin-left: -46px;
    margin-bottom: -46px
  }
  .grid12.gridGuttersp46px>*, .gridWrap.gridGuttersp46px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 46px;
    padding-bottom: 46px
  }
  .grid12.gridGuttersp47px, .gridWrap.gridGuttersp47px {
    margin-left: -47px;
    margin-bottom: -47px
  }
  .grid12.gridGuttersp47px>*, .gridWrap.gridGuttersp47px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 47px;
    padding-bottom: 47px
  }
  .grid12.gridGuttersp48px, .gridWrap.gridGuttersp48px {
    margin-left: -48px;
    margin-bottom: -48px
  }
  .grid12.gridGuttersp48px>*, .gridWrap.gridGuttersp48px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 48px;
    padding-bottom: 48px
  }
  .grid12.gridGuttersp49px, .gridWrap.gridGuttersp49px {
    margin-left: -49px;
    margin-bottom: -49px
  }
  .grid12.gridGuttersp49px>*, .gridWrap.gridGuttersp49px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 49px;
    padding-bottom: 49px
  }
  .grid12.gridGuttersp50px, .gridWrap.gridGuttersp50px {
    margin-left: -50px;
    margin-bottom: -50px
  }
  .grid12.gridGuttersp50px>*, .gridWrap.gridGuttersp50px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 50px;
    padding-bottom: 50px
  }
  .grid12.gridGuttersp51px, .gridWrap.gridGuttersp51px {
    margin-left: -51px;
    margin-bottom: -51px
  }
  .grid12.gridGuttersp51px>*, .gridWrap.gridGuttersp51px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 51px;
    padding-bottom: 51px
  }
  .grid12.gridGuttersp52px, .gridWrap.gridGuttersp52px {
    margin-left: -52px;
    margin-bottom: -52px
  }
  .grid12.gridGuttersp52px>*, .gridWrap.gridGuttersp52px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 52px;
    padding-bottom: 52px
  }
  .grid12.gridGuttersp53px, .gridWrap.gridGuttersp53px {
    margin-left: -53px;
    margin-bottom: -53px
  }
  .grid12.gridGuttersp53px>*, .gridWrap.gridGuttersp53px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 53px;
    padding-bottom: 53px
  }
  .grid12.gridGuttersp54px, .gridWrap.gridGuttersp54px {
    margin-left: -54px;
    margin-bottom: -54px
  }
  .grid12.gridGuttersp54px>*, .gridWrap.gridGuttersp54px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 54px;
    padding-bottom: 54px
  }
  .grid12.gridGuttersp55px, .gridWrap.gridGuttersp55px {
    margin-left: -55px;
    margin-bottom: -55px
  }
  .grid12.gridGuttersp55px>*, .gridWrap.gridGuttersp55px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 55px;
    padding-bottom: 55px
  }
  .grid12.gridGuttersp56px, .gridWrap.gridGuttersp56px {
    margin-left: -56px;
    margin-bottom: -56px
  }
  .grid12.gridGuttersp56px>*, .gridWrap.gridGuttersp56px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 56px;
    padding-bottom: 56px
  }
  .grid12.gridGuttersp57px, .gridWrap.gridGuttersp57px {
    margin-left: -57px;
    margin-bottom: -57px
  }
  .grid12.gridGuttersp57px>*, .gridWrap.gridGuttersp57px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 57px;
    padding-bottom: 57px
  }
  .grid12.gridGuttersp58px, .gridWrap.gridGuttersp58px {
    margin-left: -58px;
    margin-bottom: -58px
  }
  .grid12.gridGuttersp58px>*, .gridWrap.gridGuttersp58px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 58px;
    padding-bottom: 58px
  }
  .grid12.gridGuttersp59px, .gridWrap.gridGuttersp59px {
    margin-left: -59px;
    margin-bottom: -59px
  }
  .grid12.gridGuttersp59px>*, .gridWrap.gridGuttersp59px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 59px;
    padding-bottom: 59px
  }
  .grid12.gridGuttersp60px, .gridWrap.gridGuttersp60px {
    margin-left: -60px;
    margin-bottom: -60px
  }
  .grid12.gridGuttersp60px>*, .gridWrap.gridGuttersp60px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 60px;
    padding-bottom: 60px
  }
}

@media all and (min-width:769px) {
  .grid12.gridGutterpc0, .gridWrap.gridGutterpc0 {
    margin-left: 0;
    margin-bottom: 0
  }
  .grid12.gridGutterpc0>*, .gridWrap.gridGutterpc0>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0;
    padding-bottom: 0
  }
  .grid12.gridGutterpc1, .gridWrap.gridGutterpc1 {
    margin-left: -1%;
    margin-bottom: -1%
  }
  .grid12.gridGutterpc1>*, .gridWrap.gridGutterpc1>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1%;
    padding-bottom: 1%
  }
  .grid12.gridGutterpc2, .gridWrap.gridGutterpc2 {
    margin-left: -2%;
    margin-bottom: -2%
  }
  .grid12.gridGutterpc2>*, .gridWrap.gridGutterpc2>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2%;
    padding-bottom: 2%
  }
  .grid12.gridGutterpc3, .gridWrap.gridGutterpc3 {
    margin-left: -3%;
    margin-bottom: -3%
  }
  .grid12.gridGutterpc3>*, .gridWrap.gridGutterpc3>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 3%;
    padding-bottom: 3%
  }
  .grid12.gridGutterpc4, .gridWrap.gridGutterpc4 {
    margin-left: -4%;
    margin-bottom: -4%
  }
  .grid12.gridGutterpc4>*, .gridWrap.gridGutterpc4>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 4%;
    padding-bottom: 4%
  }
  .grid12.gridGutterpc5, .gridWrap.gridGutterpc5 {
    margin-left: -5%;
    margin-bottom: -5%
  }
  .grid12.gridGutterpc5>*, .gridWrap.gridGutterpc5>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 5%;
    padding-bottom: 5%
  }
  .grid12.gridGutterpc6, .gridWrap.gridGutterpc6 {
    margin-left: -6%;
    margin-bottom: -6%
  }
  .grid12.gridGutterpc6>*, .gridWrap.gridGutterpc6>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 6%;
    padding-bottom: 6%
  }
  .grid12.gridGutterpc7, .gridWrap.gridGutterpc7 {
    margin-left: -7%;
    margin-bottom: -7%
  }
  .grid12.gridGutterpc7>*, .gridWrap.gridGutterpc7>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 7%;
    padding-bottom: 7%
  }
  .grid12.gridGutterpc8, .gridWrap.gridGutterpc8 {
    margin-left: -8%;
    margin-bottom: -8%
  }
  .grid12.gridGutterpc8>*, .gridWrap.gridGutterpc8>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8%;
    padding-bottom: 8%
  }
  .grid12.gridGutterpc9, .gridWrap.gridGutterpc9 {
    margin-left: -9%;
    margin-bottom: -9%
  }
  .grid12.gridGutterpc9>*, .gridWrap.gridGutterpc9>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 9%;
    padding-bottom: 9%
  }
  .grid12.gridGutterpc10, .gridWrap.gridGutterpc10 {
    margin-left: -10%;
    margin-bottom: -10%
  }
  .grid12.gridGutterpc10>*, .gridWrap.gridGutterpc10>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10%;
    padding-bottom: 10%
  }
  .grid12.gridGutterpc11, .gridWrap.gridGutterpc11 {
    margin-left: -11%;
    margin-bottom: -11%
  }
  .grid12.gridGutterpc11>*, .gridWrap.gridGutterpc11>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 11%;
    padding-bottom: 11%
  }
  .grid12.gridGutterpc12, .gridWrap.gridGutterpc12 {
    margin-left: -12%;
    margin-bottom: -12%
  }
  .grid12.gridGutterpc12>*, .gridWrap.gridGutterpc12>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12%;
    padding-bottom: 12%
  }
  .grid12.gridGutterpc13, .gridWrap.gridGutterpc13 {
    margin-left: -13%;
    margin-bottom: -13%
  }
  .grid12.gridGutterpc13>*, .gridWrap.gridGutterpc13>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 13%;
    padding-bottom: 13%
  }
  .grid12.gridGutterpc14, .gridWrap.gridGutterpc14 {
    margin-left: -14%;
    margin-bottom: -14%
  }
  .grid12.gridGutterpc14>*, .gridWrap.gridGutterpc14>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 14%;
    padding-bottom: 14%
  }
  .grid12.gridGutterpc15, .gridWrap.gridGutterpc15 {
    margin-left: -15%;
    margin-bottom: -15%
  }
  .grid12.gridGutterpc15>*, .gridWrap.gridGutterpc15>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15%;
    padding-bottom: 15%
  }
  .grid12.gridGutterpc16, .gridWrap.gridGutterpc16 {
    margin-left: -16%;
    margin-bottom: -16%
  }
  .grid12.gridGutterpc16>*, .gridWrap.gridGutterpc16>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16%;
    padding-bottom: 16%
  }
  .grid12.gridGutterpc17, .gridWrap.gridGutterpc17 {
    margin-left: -17%;
    margin-bottom: -17%
  }
  .grid12.gridGutterpc17>*, .gridWrap.gridGutterpc17>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 17%;
    padding-bottom: 17%
  }
  .grid12.gridGutterpc18, .gridWrap.gridGutterpc18 {
    margin-left: -18%;
    margin-bottom: -18%
  }
  .grid12.gridGutterpc18>*, .gridWrap.gridGutterpc18>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 18%;
    padding-bottom: 18%
  }
  .grid12.gridGutterpc19, .gridWrap.gridGutterpc19 {
    margin-left: -19%;
    margin-bottom: -19%
  }
  .grid12.gridGutterpc19>*, .gridWrap.gridGutterpc19>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 19%;
    padding-bottom: 19%
  }
  .grid12.gridGutterpc20, .gridWrap.gridGutterpc20 {
    margin-left: -20%;
    margin-bottom: -20%
  }
  .grid12.gridGutterpc20>*, .gridWrap.gridGutterpc20>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20%;
    padding-bottom: 20%
  }
  .grid12.gridGutterpc0px, .gridWrap.gridGutterpc0px {
    margin-left: 0;
    margin-bottom: 0
  }
  .grid12.gridGutterpc0px>*, .gridWrap.gridGutterpc0px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0;
    padding-bottom: 0
  }
  .grid12.gridGutterpc1px, .gridWrap.gridGutterpc1px {
    margin-left: -1px;
    margin-bottom: -1px
  }
  .grid12.gridGutterpc1px>*, .gridWrap.gridGutterpc1px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1px;
    padding-bottom: 1px
  }
  .grid12.gridGutterpc2px, .gridWrap.gridGutterpc2px {
    margin-left: -2px;
    margin-bottom: -2px
  }
  .grid12.gridGutterpc2px>*, .gridWrap.gridGutterpc2px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2px;
    padding-bottom: 2px
  }
  .grid12.gridGutterpc3px, .gridWrap.gridGutterpc3px {
    margin-left: -3px;
    margin-bottom: -3px
  }
  .grid12.gridGutterpc3px>*, .gridWrap.gridGutterpc3px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 3px;
    padding-bottom: 3px
  }
  .grid12.gridGutterpc4px, .gridWrap.gridGutterpc4px {
    margin-left: -4px;
    margin-bottom: -4px
  }
  .grid12.gridGutterpc4px>*, .gridWrap.gridGutterpc4px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 4px;
    padding-bottom: 4px
  }
  .grid12.gridGutterpc5px, .gridWrap.gridGutterpc5px {
    margin-left: -5px;
    margin-bottom: -5px
  }
  .grid12.gridGutterpc5px>*, .gridWrap.gridGutterpc5px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 5px;
    padding-bottom: 5px
  }
  .grid12.gridGutterpc6px, .gridWrap.gridGutterpc6px {
    margin-left: -6px;
    margin-bottom: -6px
  }
  .grid12.gridGutterpc6px>*, .gridWrap.gridGutterpc6px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 6px;
    padding-bottom: 6px
  }
  .grid12.gridGutterpc7px, .gridWrap.gridGutterpc7px {
    margin-left: -7px;
    margin-bottom: -7px
  }
  .grid12.gridGutterpc7px>*, .gridWrap.gridGutterpc7px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 7px;
    padding-bottom: 7px
  }
  .grid12.gridGutterpc8px, .gridWrap.gridGutterpc8px {
    margin-left: -8px;
    margin-bottom: -8px
  }
  .grid12.gridGutterpc8px>*, .gridWrap.gridGutterpc8px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
    padding-bottom: 8px
  }
  .grid12.gridGutterpc9px, .gridWrap.gridGutterpc9px {
    margin-left: -9px;
    margin-bottom: -9px
  }
  .grid12.gridGutterpc9px>*, .gridWrap.gridGutterpc9px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 9px;
    padding-bottom: 9px
  }
  .grid12.gridGutterpc10px, .gridWrap.gridGutterpc10px {
    margin-left: -10px;
    margin-bottom: -10px
  }
  .grid12.gridGutterpc10px>*, .gridWrap.gridGutterpc10px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 10px
  }
  .grid12.gridGutterpc11px, .gridWrap.gridGutterpc11px {
    margin-left: -11px;
    margin-bottom: -11px
  }
  .grid12.gridGutterpc11px>*, .gridWrap.gridGutterpc11px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 11px;
    padding-bottom: 11px
  }
  .grid12.gridGutterpc12px, .gridWrap.gridGutterpc12px {
    margin-left: -12px;
    margin-bottom: -12px
  }
  .grid12.gridGutterpc12px>*, .gridWrap.gridGutterpc12px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
    padding-bottom: 12px
  }
  .grid12.gridGutterpc13px, .gridWrap.gridGutterpc13px {
    margin-left: -13px;
    margin-bottom: -13px
  }
  .grid12.gridGutterpc13px>*, .gridWrap.gridGutterpc13px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 13px;
    padding-bottom: 13px
  }
  .grid12.gridGutterpc14px, .gridWrap.gridGutterpc14px {
    margin-left: -14px;
    margin-bottom: -14px
  }
  .grid12.gridGutterpc14px>*, .gridWrap.gridGutterpc14px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 14px;
    padding-bottom: 14px
  }
  .grid12.gridGutterpc15px, .gridWrap.gridGutterpc15px {
    margin-left: -15px;
    margin-bottom: -15px
  }
  .grid12.gridGutterpc15px>*, .gridWrap.gridGutterpc15px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    padding-bottom: 15px
  }
  .grid12.gridGutterpc16px, .gridWrap.gridGutterpc16px {
    margin-left: -16px;
    margin-bottom: -16px
  }
  .grid12.gridGutterpc16px>*, .gridWrap.gridGutterpc16px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16px;
    padding-bottom: 16px
  }
  .grid12.gridGutterpc17px, .gridWrap.gridGutterpc17px {
    margin-left: -17px;
    margin-bottom: -17px
  }
  .grid12.gridGutterpc17px>*, .gridWrap.gridGutterpc17px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 17px;
    padding-bottom: 17px
  }
  .grid12.gridGutterpc18px, .gridWrap.gridGutterpc18px {
    margin-left: -18px;
    margin-bottom: -18px
  }
  .grid12.gridGutterpc18px>*, .gridWrap.gridGutterpc18px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 18px;
    padding-bottom: 18px
  }
  .grid12.gridGutterpc19px, .gridWrap.gridGutterpc19px {
    margin-left: -19px;
    margin-bottom: -19px
  }
  .grid12.gridGutterpc19px>*, .gridWrap.gridGutterpc19px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 19px;
    padding-bottom: 19px
  }
  .grid12.gridGutterpc20px, .gridWrap.gridGutterpc20px {
    margin-left: -20px;
    margin-bottom: -20px
  }
  .grid12.gridGutterpc20px>*, .gridWrap.gridGutterpc20px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 20px
  }
  .grid12.gridGutterpc21px, .gridWrap.gridGutterpc21px {
    margin-left: -21px;
    margin-bottom: -21px
  }
  .grid12.gridGutterpc21px>*, .gridWrap.gridGutterpc21px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 21px;
    padding-bottom: 21px
  }
  .grid12.gridGutterpc22px, .gridWrap.gridGutterpc22px {
    margin-left: -22px;
    margin-bottom: -22px
  }
  .grid12.gridGutterpc22px>*, .gridWrap.gridGutterpc22px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 22px;
    padding-bottom: 22px
  }
  .grid12.gridGutterpc23px, .gridWrap.gridGutterpc23px {
    margin-left: -23px;
    margin-bottom: -23px
  }
  .grid12.gridGutterpc23px>*, .gridWrap.gridGutterpc23px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 23px;
    padding-bottom: 23px
  }
  .grid12.gridGutterpc24px, .gridWrap.gridGutterpc24px {
    margin-left: -24px;
    margin-bottom: -24px
  }
  .grid12.gridGutterpc24px>*, .gridWrap.gridGutterpc24px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 24px;
    padding-bottom: 24px
  }
  .grid12.gridGutterpc25px, .gridWrap.gridGutterpc25px {
    margin-left: -25px;
    margin-bottom: -25px
  }
  .grid12.gridGutterpc25px>*, .gridWrap.gridGutterpc25px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 25px;
    padding-bottom: 25px
  }
  .grid12.gridGutterpc26px, .gridWrap.gridGutterpc26px {
    margin-left: -26px;
    margin-bottom: -26px
  }
  .grid12.gridGutterpc26px>*, .gridWrap.gridGutterpc26px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 26px;
    padding-bottom: 26px
  }
  .grid12.gridGutterpc27px, .gridWrap.gridGutterpc27px {
    margin-left: -27px;
    margin-bottom: -27px
  }
  .grid12.gridGutterpc27px>*, .gridWrap.gridGutterpc27px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 27px;
    padding-bottom: 27px
  }
  .grid12.gridGutterpc28px, .gridWrap.gridGutterpc28px {
    margin-left: -28px;
    margin-bottom: -28px
  }
  .grid12.gridGutterpc28px>*, .gridWrap.gridGutterpc28px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 28px;
    padding-bottom: 28px
  }
  .grid12.gridGutterpc29px, .gridWrap.gridGutterpc29px {
    margin-left: -29px;
    margin-bottom: -29px
  }
  .grid12.gridGutterpc29px>*, .gridWrap.gridGutterpc29px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 29px;
    padding-bottom: 29px
  }
  .grid12.gridGutterpc30px, .gridWrap.gridGutterpc30px {
    margin-left: -30px;
    margin-bottom: -30px
  }
  .grid12.gridGutterpc30px>*, .gridWrap.gridGutterpc30px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    padding-bottom: 30px
  }
  .grid12.gridGutterpc31px, .gridWrap.gridGutterpc31px {
    margin-left: -31px;
    margin-bottom: -31px
  }
  .grid12.gridGutterpc31px>*, .gridWrap.gridGutterpc31px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 31px;
    padding-bottom: 31px
  }
  .grid12.gridGutterpc32px, .gridWrap.gridGutterpc32px {
    margin-left: -32px;
    margin-bottom: -32px
  }
  .grid12.gridGutterpc32px>*, .gridWrap.gridGutterpc32px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 32px;
    padding-bottom: 32px
  }
  .grid12.gridGutterpc33px, .gridWrap.gridGutterpc33px {
    margin-left: -33px;
    margin-bottom: -33px
  }
  .grid12.gridGutterpc33px>*, .gridWrap.gridGutterpc33px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 33px;
    padding-bottom: 33px
  }
  .grid12.gridGutterpc34px, .gridWrap.gridGutterpc34px {
    margin-left: -34px;
    margin-bottom: -34px
  }
  .grid12.gridGutterpc34px>*, .gridWrap.gridGutterpc34px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 34px;
    padding-bottom: 34px
  }
  .grid12.gridGutterpc35px, .gridWrap.gridGutterpc35px {
    margin-left: -35px;
    margin-bottom: -35px
  }
  .grid12.gridGutterpc35px>*, .gridWrap.gridGutterpc35px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 35px;
    padding-bottom: 35px
  }
  .grid12.gridGutterpc36px, .gridWrap.gridGutterpc36px {
    margin-left: -36px;
    margin-bottom: -36px
  }
  .grid12.gridGutterpc36px>*, .gridWrap.gridGutterpc36px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 36px;
    padding-bottom: 36px
  }
  .grid12.gridGutterpc37px, .gridWrap.gridGutterpc37px {
    margin-left: -37px;
    margin-bottom: -37px
  }
  .grid12.gridGutterpc37px>*, .gridWrap.gridGutterpc37px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 37px;
    padding-bottom: 37px
  }
  .grid12.gridGutterpc38px, .gridWrap.gridGutterpc38px {
    margin-left: -38px;
    margin-bottom: -38px
  }
  .grid12.gridGutterpc38px>*, .gridWrap.gridGutterpc38px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 38px;
    padding-bottom: 38px
  }
  .grid12.gridGutterpc39px, .gridWrap.gridGutterpc39px {
    margin-left: -39px;
    margin-bottom: -39px
  }
  .grid12.gridGutterpc39px>*, .gridWrap.gridGutterpc39px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 39px;
    padding-bottom: 39px
  }
  .grid12.gridGutterpc40px, .gridWrap.gridGutterpc40px {
    margin-left: -40px;
    margin-bottom: -40px
  }
  .grid12.gridGutterpc40px>*, .gridWrap.gridGutterpc40px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 40px;
    padding-bottom: 40px
  }
  .grid12.gridGutterpc41px, .gridWrap.gridGutterpc41px {
    margin-left: -41px;
    margin-bottom: -41px
  }
  .grid12.gridGutterpc41px>*, .gridWrap.gridGutterpc41px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 41px;
    padding-bottom: 41px
  }
  .grid12.gridGutterpc42px, .gridWrap.gridGutterpc42px {
    margin-left: -42px;
    margin-bottom: -42px
  }
  .grid12.gridGutterpc42px>*, .gridWrap.gridGutterpc42px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 42px;
    padding-bottom: 42px
  }
  .grid12.gridGutterpc43px, .gridWrap.gridGutterpc43px {
    margin-left: -43px;
    margin-bottom: -43px
  }
  .grid12.gridGutterpc43px>*, .gridWrap.gridGutterpc43px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 43px;
    padding-bottom: 43px
  }
  .grid12.gridGutterpc44px, .gridWrap.gridGutterpc44px {
    margin-left: -44px;
    margin-bottom: -44px
  }
  .grid12.gridGutterpc44px>*, .gridWrap.gridGutterpc44px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 44px;
    padding-bottom: 44px
  }
  .grid12.gridGutterpc45px, .gridWrap.gridGutterpc45px {
    margin-left: -45px;
    margin-bottom: -45px
  }
  .grid12.gridGutterpc45px>*, .gridWrap.gridGutterpc45px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 45px;
    padding-bottom: 45px
  }
  .grid12.gridGutterpc46px, .gridWrap.gridGutterpc46px {
    margin-left: -46px;
    margin-bottom: -46px
  }
  .grid12.gridGutterpc46px>*, .gridWrap.gridGutterpc46px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 46px;
    padding-bottom: 46px
  }
  .grid12.gridGutterpc47px, .gridWrap.gridGutterpc47px {
    margin-left: -47px;
    margin-bottom: -47px
  }
  .grid12.gridGutterpc47px>*, .gridWrap.gridGutterpc47px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 47px;
    padding-bottom: 47px
  }
  .grid12.gridGutterpc48px, .gridWrap.gridGutterpc48px {
    margin-left: -48px;
    margin-bottom: -48px
  }
  .grid12.gridGutterpc48px>*, .gridWrap.gridGutterpc48px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 48px;
    padding-bottom: 48px
  }
  .grid12.gridGutterpc49px, .gridWrap.gridGutterpc49px {
    margin-left: -49px;
    margin-bottom: -49px
  }
  .grid12.gridGutterpc49px>*, .gridWrap.gridGutterpc49px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 49px;
    padding-bottom: 49px
  }
  .grid12.gridGutterpc50px, .gridWrap.gridGutterpc50px {
    margin-left: -50px;
    margin-bottom: -50px
  }
  .grid12.gridGutterpc50px>*, .gridWrap.gridGutterpc50px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 50px;
    padding-bottom: 50px
  }
  .grid12.gridGutterpc51px, .gridWrap.gridGutterpc51px {
    margin-left: -51px;
    margin-bottom: -51px
  }
  .grid12.gridGutterpc51px>*, .gridWrap.gridGutterpc51px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 51px;
    padding-bottom: 51px
  }
  .grid12.gridGutterpc52px, .gridWrap.gridGutterpc52px {
    margin-left: -52px;
    margin-bottom: -52px
  }
  .grid12.gridGutterpc52px>*, .gridWrap.gridGutterpc52px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 52px;
    padding-bottom: 52px
  }
  .grid12.gridGutterpc53px, .gridWrap.gridGutterpc53px {
    margin-left: -53px;
    margin-bottom: -53px
  }
  .grid12.gridGutterpc53px>*, .gridWrap.gridGutterpc53px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 53px;
    padding-bottom: 53px
  }
  .grid12.gridGutterpc54px, .gridWrap.gridGutterpc54px {
    margin-left: -54px;
    margin-bottom: -54px
  }
  .grid12.gridGutterpc54px>*, .gridWrap.gridGutterpc54px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 54px;
    padding-bottom: 54px
  }
  .grid12.gridGutterpc55px, .gridWrap.gridGutterpc55px {
    margin-left: -55px;
    margin-bottom: -55px
  }
  .grid12.gridGutterpc55px>*, .gridWrap.gridGutterpc55px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 55px;
    padding-bottom: 55px
  }
  .grid12.gridGutterpc56px, .gridWrap.gridGutterpc56px {
    margin-left: -56px;
    margin-bottom: -56px
  }
  .grid12.gridGutterpc56px>*, .gridWrap.gridGutterpc56px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 56px;
    padding-bottom: 56px
  }
  .grid12.gridGutterpc57px, .gridWrap.gridGutterpc57px {
    margin-left: -57px;
    margin-bottom: -57px
  }
  .grid12.gridGutterpc57px>*, .gridWrap.gridGutterpc57px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 57px;
    padding-bottom: 57px
  }
  .grid12.gridGutterpc58px, .gridWrap.gridGutterpc58px {
    margin-left: -58px;
    margin-bottom: -58px
  }
  .grid12.gridGutterpc58px>*, .gridWrap.gridGutterpc58px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 58px;
    padding-bottom: 58px
  }
  .grid12.gridGutterpc59px, .gridWrap.gridGutterpc59px {
    margin-left: -59px;
    margin-bottom: -59px
  }
  .grid12.gridGutterpc59px>*, .gridWrap.gridGutterpc59px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 59px;
    padding-bottom: 59px
  }
  .grid12.gridGutterpc60px, .gridWrap.gridGutterpc60px {
    margin-left: -60px;
    margin-bottom: -60px
  }
  .grid12.gridGutterpc60px>*, .gridWrap.gridGutterpc60px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 60px;
    padding-bottom: 60px
  }
}

@media all and (max-width:528px) {
  .grid12.gridGuttertable0, .gridWrap.gridGuttertable0 {
    margin-left: 0;
    margin-bottom: 0
  }
  .grid12.gridGuttertable0>*, .gridWrap.gridGuttertable0>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0;
    padding-bottom: 0
  }
  .grid12.gridGuttertable1, .gridWrap.gridGuttertable1 {
    margin-left: -1%;
    margin-bottom: -1%
  }
  .grid12.gridGuttertable1>*, .gridWrap.gridGuttertable1>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1%;
    padding-bottom: 1%
  }
  .grid12.gridGuttertable2, .gridWrap.gridGuttertable2 {
    margin-left: -2%;
    margin-bottom: -2%
  }
  .grid12.gridGuttertable2>*, .gridWrap.gridGuttertable2>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2%;
    padding-bottom: 2%
  }
  .grid12.gridGuttertable3, .gridWrap.gridGuttertable3 {
    margin-left: -3%;
    margin-bottom: -3%
  }
  .grid12.gridGuttertable3>*, .gridWrap.gridGuttertable3>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 3%;
    padding-bottom: 3%
  }
  .grid12.gridGuttertable4, .gridWrap.gridGuttertable4 {
    margin-left: -4%;
    margin-bottom: -4%
  }
  .grid12.gridGuttertable4>*, .gridWrap.gridGuttertable4>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 4%;
    padding-bottom: 4%
  }
  .grid12.gridGuttertable5, .gridWrap.gridGuttertable5 {
    margin-left: -5%;
    margin-bottom: -5%
  }
  .grid12.gridGuttertable5>*, .gridWrap.gridGuttertable5>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 5%;
    padding-bottom: 5%
  }
  .grid12.gridGuttertable6, .gridWrap.gridGuttertable6 {
    margin-left: -6%;
    margin-bottom: -6%
  }
  .grid12.gridGuttertable6>*, .gridWrap.gridGuttertable6>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 6%;
    padding-bottom: 6%
  }
  .grid12.gridGuttertable7, .gridWrap.gridGuttertable7 {
    margin-left: -7%;
    margin-bottom: -7%
  }
  .grid12.gridGuttertable7>*, .gridWrap.gridGuttertable7>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 7%;
    padding-bottom: 7%
  }
  .grid12.gridGuttertable8, .gridWrap.gridGuttertable8 {
    margin-left: -8%;
    margin-bottom: -8%
  }
  .grid12.gridGuttertable8>*, .gridWrap.gridGuttertable8>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8%;
    padding-bottom: 8%
  }
  .grid12.gridGuttertable9, .gridWrap.gridGuttertable9 {
    margin-left: -9%;
    margin-bottom: -9%
  }
  .grid12.gridGuttertable9>*, .gridWrap.gridGuttertable9>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 9%;
    padding-bottom: 9%
  }
  .grid12.gridGuttertable10, .gridWrap.gridGuttertable10 {
    margin-left: -10%;
    margin-bottom: -10%
  }
  .grid12.gridGuttertable10>*, .gridWrap.gridGuttertable10>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10%;
    padding-bottom: 10%
  }
  .grid12.gridGuttertable11, .gridWrap.gridGuttertable11 {
    margin-left: -11%;
    margin-bottom: -11%
  }
  .grid12.gridGuttertable11>*, .gridWrap.gridGuttertable11>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 11%;
    padding-bottom: 11%
  }
  .grid12.gridGuttertable12, .gridWrap.gridGuttertable12 {
    margin-left: -12%;
    margin-bottom: -12%
  }
  .grid12.gridGuttertable12>*, .gridWrap.gridGuttertable12>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12%;
    padding-bottom: 12%
  }
  .grid12.gridGuttertable13, .gridWrap.gridGuttertable13 {
    margin-left: -13%;
    margin-bottom: -13%
  }
  .grid12.gridGuttertable13>*, .gridWrap.gridGuttertable13>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 13%;
    padding-bottom: 13%
  }
  .grid12.gridGuttertable14, .gridWrap.gridGuttertable14 {
    margin-left: -14%;
    margin-bottom: -14%
  }
  .grid12.gridGuttertable14>*, .gridWrap.gridGuttertable14>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 14%;
    padding-bottom: 14%
  }
  .grid12.gridGuttertable15, .gridWrap.gridGuttertable15 {
    margin-left: -15%;
    margin-bottom: -15%
  }
  .grid12.gridGuttertable15>*, .gridWrap.gridGuttertable15>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15%;
    padding-bottom: 15%
  }
  .grid12.gridGuttertable16, .gridWrap.gridGuttertable16 {
    margin-left: -16%;
    margin-bottom: -16%
  }
  .grid12.gridGuttertable16>*, .gridWrap.gridGuttertable16>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16%;
    padding-bottom: 16%
  }
  .grid12.gridGuttertable17, .gridWrap.gridGuttertable17 {
    margin-left: -17%;
    margin-bottom: -17%
  }
  .grid12.gridGuttertable17>*, .gridWrap.gridGuttertable17>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 17%;
    padding-bottom: 17%
  }
  .grid12.gridGuttertable18, .gridWrap.gridGuttertable18 {
    margin-left: -18%;
    margin-bottom: -18%
  }
  .grid12.gridGuttertable18>*, .gridWrap.gridGuttertable18>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 18%;
    padding-bottom: 18%
  }
  .grid12.gridGuttertable19, .gridWrap.gridGuttertable19 {
    margin-left: -19%;
    margin-bottom: -19%
  }
  .grid12.gridGuttertable19>*, .gridWrap.gridGuttertable19>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 19%;
    padding-bottom: 19%
  }
  .grid12.gridGuttertable20, .gridWrap.gridGuttertable20 {
    margin-left: -20%;
    margin-bottom: -20%
  }
  .grid12.gridGuttertable20>*, .gridWrap.gridGuttertable20>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20%;
    padding-bottom: 20%
  }
  .grid12.gridGuttertable0px, .gridWrap.gridGuttertable0px {
    margin-left: 0;
    margin-bottom: 0
  }
  .grid12.gridGuttertable0px>*, .gridWrap.gridGuttertable0px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0;
    padding-bottom: 0
  }
  .grid12.gridGuttertable1px, .gridWrap.gridGuttertable1px {
    margin-left: -1px;
    margin-bottom: -1px
  }
  .grid12.gridGuttertable1px>*, .gridWrap.gridGuttertable1px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1px;
    padding-bottom: 1px
  }
  .grid12.gridGuttertable2px, .gridWrap.gridGuttertable2px {
    margin-left: -2px;
    margin-bottom: -2px
  }
  .grid12.gridGuttertable2px>*, .gridWrap.gridGuttertable2px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2px;
    padding-bottom: 2px
  }
  .grid12.gridGuttertable3px, .gridWrap.gridGuttertable3px {
    margin-left: -3px;
    margin-bottom: -3px
  }
  .grid12.gridGuttertable3px>*, .gridWrap.gridGuttertable3px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 3px;
    padding-bottom: 3px
  }
  .grid12.gridGuttertable4px, .gridWrap.gridGuttertable4px {
    margin-left: -4px;
    margin-bottom: -4px
  }
  .grid12.gridGuttertable4px>*, .gridWrap.gridGuttertable4px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 4px;
    padding-bottom: 4px
  }
  .grid12.gridGuttertable5px, .gridWrap.gridGuttertable5px {
    margin-left: -5px;
    margin-bottom: -5px
  }
  .grid12.gridGuttertable5px>*, .gridWrap.gridGuttertable5px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 5px;
    padding-bottom: 5px
  }
  .grid12.gridGuttertable6px, .gridWrap.gridGuttertable6px {
    margin-left: -6px;
    margin-bottom: -6px
  }
  .grid12.gridGuttertable6px>*, .gridWrap.gridGuttertable6px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 6px;
    padding-bottom: 6px
  }
  .grid12.gridGuttertable7px, .gridWrap.gridGuttertable7px {
    margin-left: -7px;
    margin-bottom: -7px
  }
  .grid12.gridGuttertable7px>*, .gridWrap.gridGuttertable7px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 7px;
    padding-bottom: 7px
  }
  .grid12.gridGuttertable8px, .gridWrap.gridGuttertable8px {
    margin-left: -8px;
    margin-bottom: -8px
  }
  .grid12.gridGuttertable8px>*, .gridWrap.gridGuttertable8px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
    padding-bottom: 8px
  }
  .grid12.gridGuttertable9px, .gridWrap.gridGuttertable9px {
    margin-left: -9px;
    margin-bottom: -9px
  }
  .grid12.gridGuttertable9px>*, .gridWrap.gridGuttertable9px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 9px;
    padding-bottom: 9px
  }
  .grid12.gridGuttertable10px, .gridWrap.gridGuttertable10px {
    margin-left: -10px;
    margin-bottom: -10px
  }
  .grid12.gridGuttertable10px>*, .gridWrap.gridGuttertable10px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 10px
  }
  .grid12.gridGuttertable11px, .gridWrap.gridGuttertable11px {
    margin-left: -11px;
    margin-bottom: -11px
  }
  .grid12.gridGuttertable11px>*, .gridWrap.gridGuttertable11px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 11px;
    padding-bottom: 11px
  }
  .grid12.gridGuttertable12px, .gridWrap.gridGuttertable12px {
    margin-left: -12px;
    margin-bottom: -12px
  }
  .grid12.gridGuttertable12px>*, .gridWrap.gridGuttertable12px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
    padding-bottom: 12px
  }
  .grid12.gridGuttertable13px, .gridWrap.gridGuttertable13px {
    margin-left: -13px;
    margin-bottom: -13px
  }
  .grid12.gridGuttertable13px>*, .gridWrap.gridGuttertable13px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 13px;
    padding-bottom: 13px
  }
  .grid12.gridGuttertable14px, .gridWrap.gridGuttertable14px {
    margin-left: -14px;
    margin-bottom: -14px
  }
  .grid12.gridGuttertable14px>*, .gridWrap.gridGuttertable14px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 14px;
    padding-bottom: 14px
  }
  .grid12.gridGuttertable15px, .gridWrap.gridGuttertable15px {
    margin-left: -15px;
    margin-bottom: -15px
  }
  .grid12.gridGuttertable15px>*, .gridWrap.gridGuttertable15px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    padding-bottom: 15px
  }
  .grid12.gridGuttertable16px, .gridWrap.gridGuttertable16px {
    margin-left: -16px;
    margin-bottom: -16px
  }
  .grid12.gridGuttertable16px>*, .gridWrap.gridGuttertable16px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16px;
    padding-bottom: 16px
  }
  .grid12.gridGuttertable17px, .gridWrap.gridGuttertable17px {
    margin-left: -17px;
    margin-bottom: -17px
  }
  .grid12.gridGuttertable17px>*, .gridWrap.gridGuttertable17px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 17px;
    padding-bottom: 17px
  }
  .grid12.gridGuttertable18px, .gridWrap.gridGuttertable18px {
    margin-left: -18px;
    margin-bottom: -18px
  }
  .grid12.gridGuttertable18px>*, .gridWrap.gridGuttertable18px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 18px;
    padding-bottom: 18px
  }
  .grid12.gridGuttertable19px, .gridWrap.gridGuttertable19px {
    margin-left: -19px;
    margin-bottom: -19px
  }
  .grid12.gridGuttertable19px>*, .gridWrap.gridGuttertable19px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 19px;
    padding-bottom: 19px
  }
  .grid12.gridGuttertable20px, .gridWrap.gridGuttertable20px {
    margin-left: -20px;
    margin-bottom: -20px
  }
  .grid12.gridGuttertable20px>*, .gridWrap.gridGuttertable20px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    padding-bottom: 20px
  }
  .grid12.gridGuttertable21px, .gridWrap.gridGuttertable21px {
    margin-left: -21px;
    margin-bottom: -21px
  }
  .grid12.gridGuttertable21px>*, .gridWrap.gridGuttertable21px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 21px;
    padding-bottom: 21px
  }
  .grid12.gridGuttertable22px, .gridWrap.gridGuttertable22px {
    margin-left: -22px;
    margin-bottom: -22px
  }
  .grid12.gridGuttertable22px>*, .gridWrap.gridGuttertable22px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 22px;
    padding-bottom: 22px
  }
  .grid12.gridGuttertable23px, .gridWrap.gridGuttertable23px {
    margin-left: -23px;
    margin-bottom: -23px
  }
  .grid12.gridGuttertable23px>*, .gridWrap.gridGuttertable23px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 23px;
    padding-bottom: 23px
  }
  .grid12.gridGuttertable24px, .gridWrap.gridGuttertable24px {
    margin-left: -24px;
    margin-bottom: -24px
  }
  .grid12.gridGuttertable24px>*, .gridWrap.gridGuttertable24px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 24px;
    padding-bottom: 24px
  }
  .grid12.gridGuttertable25px, .gridWrap.gridGuttertable25px {
    margin-left: -25px;
    margin-bottom: -25px
  }
  .grid12.gridGuttertable25px>*, .gridWrap.gridGuttertable25px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 25px;
    padding-bottom: 25px
  }
  .grid12.gridGuttertable26px, .gridWrap.gridGuttertable26px {
    margin-left: -26px;
    margin-bottom: -26px
  }
  .grid12.gridGuttertable26px>*, .gridWrap.gridGuttertable26px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 26px;
    padding-bottom: 26px
  }
  .grid12.gridGuttertable27px, .gridWrap.gridGuttertable27px {
    margin-left: -27px;
    margin-bottom: -27px
  }
  .grid12.gridGuttertable27px>*, .gridWrap.gridGuttertable27px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 27px;
    padding-bottom: 27px
  }
  .grid12.gridGuttertable28px, .gridWrap.gridGuttertable28px {
    margin-left: -28px;
    margin-bottom: -28px
  }
  .grid12.gridGuttertable28px>*, .gridWrap.gridGuttertable28px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 28px;
    padding-bottom: 28px
  }
  .grid12.gridGuttertable29px, .gridWrap.gridGuttertable29px {
    margin-left: -29px;
    margin-bottom: -29px
  }
  .grid12.gridGuttertable29px>*, .gridWrap.gridGuttertable29px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 29px;
    padding-bottom: 29px
  }
  .grid12.gridGuttertable30px, .gridWrap.gridGuttertable30px {
    margin-left: -30px;
    margin-bottom: -30px
  }
  .grid12.gridGuttertable30px>*, .gridWrap.gridGuttertable30px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    padding-bottom: 30px
  }
  .grid12.gridGuttertable31px, .gridWrap.gridGuttertable31px {
    margin-left: -31px;
    margin-bottom: -31px
  }
  .grid12.gridGuttertable31px>*, .gridWrap.gridGuttertable31px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 31px;
    padding-bottom: 31px
  }
  .grid12.gridGuttertable32px, .gridWrap.gridGuttertable32px {
    margin-left: -32px;
    margin-bottom: -32px
  }
  .grid12.gridGuttertable32px>*, .gridWrap.gridGuttertable32px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 32px;
    padding-bottom: 32px
  }
  .grid12.gridGuttertable33px, .gridWrap.gridGuttertable33px {
    margin-left: -33px;
    margin-bottom: -33px
  }
  .grid12.gridGuttertable33px>*, .gridWrap.gridGuttertable33px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 33px;
    padding-bottom: 33px
  }
  .grid12.gridGuttertable34px, .gridWrap.gridGuttertable34px {
    margin-left: -34px;
    margin-bottom: -34px
  }
  .grid12.gridGuttertable34px>*, .gridWrap.gridGuttertable34px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 34px;
    padding-bottom: 34px
  }
  .grid12.gridGuttertable35px, .gridWrap.gridGuttertable35px {
    margin-left: -35px;
    margin-bottom: -35px
  }
  .grid12.gridGuttertable35px>*, .gridWrap.gridGuttertable35px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 35px;
    padding-bottom: 35px
  }
  .grid12.gridGuttertable36px, .gridWrap.gridGuttertable36px {
    margin-left: -36px;
    margin-bottom: -36px
  }
  .grid12.gridGuttertable36px>*, .gridWrap.gridGuttertable36px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 36px;
    padding-bottom: 36px
  }
  .grid12.gridGuttertable37px, .gridWrap.gridGuttertable37px {
    margin-left: -37px;
    margin-bottom: -37px
  }
  .grid12.gridGuttertable37px>*, .gridWrap.gridGuttertable37px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 37px;
    padding-bottom: 37px
  }
  .grid12.gridGuttertable38px, .gridWrap.gridGuttertable38px {
    margin-left: -38px;
    margin-bottom: -38px
  }
  .grid12.gridGuttertable38px>*, .gridWrap.gridGuttertable38px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 38px;
    padding-bottom: 38px
  }
  .grid12.gridGuttertable39px, .gridWrap.gridGuttertable39px {
    margin-left: -39px;
    margin-bottom: -39px
  }
  .grid12.gridGuttertable39px>*, .gridWrap.gridGuttertable39px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 39px;
    padding-bottom: 39px
  }
  .grid12.gridGuttertable40px, .gridWrap.gridGuttertable40px {
    margin-left: -40px;
    margin-bottom: -40px
  }
  .grid12.gridGuttertable40px>*, .gridWrap.gridGuttertable40px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 40px;
    padding-bottom: 40px
  }
  .grid12.gridGuttertable41px, .gridWrap.gridGuttertable41px {
    margin-left: -41px;
    margin-bottom: -41px
  }
  .grid12.gridGuttertable41px>*, .gridWrap.gridGuttertable41px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 41px;
    padding-bottom: 41px
  }
  .grid12.gridGuttertable42px, .gridWrap.gridGuttertable42px {
    margin-left: -42px;
    margin-bottom: -42px
  }
  .grid12.gridGuttertable42px>*, .gridWrap.gridGuttertable42px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 42px;
    padding-bottom: 42px
  }
  .grid12.gridGuttertable43px, .gridWrap.gridGuttertable43px {
    margin-left: -43px;
    margin-bottom: -43px
  }
  .grid12.gridGuttertable43px>*, .gridWrap.gridGuttertable43px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 43px;
    padding-bottom: 43px
  }
  .grid12.gridGuttertable44px, .gridWrap.gridGuttertable44px {
    margin-left: -44px;
    margin-bottom: -44px
  }
  .grid12.gridGuttertable44px>*, .gridWrap.gridGuttertable44px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 44px;
    padding-bottom: 44px
  }
  .grid12.gridGuttertable45px, .gridWrap.gridGuttertable45px {
    margin-left: -45px;
    margin-bottom: -45px
  }
  .grid12.gridGuttertable45px>*, .gridWrap.gridGuttertable45px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 45px;
    padding-bottom: 45px
  }
  .grid12.gridGuttertable46px, .gridWrap.gridGuttertable46px {
    margin-left: -46px;
    margin-bottom: -46px
  }
  .grid12.gridGuttertable46px>*, .gridWrap.gridGuttertable46px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 46px;
    padding-bottom: 46px
  }
  .grid12.gridGuttertable47px, .gridWrap.gridGuttertable47px {
    margin-left: -47px;
    margin-bottom: -47px
  }
  .grid12.gridGuttertable47px>*, .gridWrap.gridGuttertable47px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 47px;
    padding-bottom: 47px
  }
  .grid12.gridGuttertable48px, .gridWrap.gridGuttertable48px {
    margin-left: -48px;
    margin-bottom: -48px
  }
  .grid12.gridGuttertable48px>*, .gridWrap.gridGuttertable48px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 48px;
    padding-bottom: 48px
  }
  .grid12.gridGuttertable49px, .gridWrap.gridGuttertable49px {
    margin-left: -49px;
    margin-bottom: -49px
  }
  .grid12.gridGuttertable49px>*, .gridWrap.gridGuttertable49px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 49px;
    padding-bottom: 49px
  }
  .grid12.gridGuttertable50px, .gridWrap.gridGuttertable50px {
    margin-left: -50px;
    margin-bottom: -50px
  }
  .grid12.gridGuttertable50px>*, .gridWrap.gridGuttertable50px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 50px;
    padding-bottom: 50px
  }
  .grid12.gridGuttertable51px, .gridWrap.gridGuttertable51px {
    margin-left: -51px;
    margin-bottom: -51px
  }
  .grid12.gridGuttertable51px>*, .gridWrap.gridGuttertable51px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 51px;
    padding-bottom: 51px
  }
  .grid12.gridGuttertable52px, .gridWrap.gridGuttertable52px {
    margin-left: -52px;
    margin-bottom: -52px
  }
  .grid12.gridGuttertable52px>*, .gridWrap.gridGuttertable52px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 52px;
    padding-bottom: 52px
  }
  .grid12.gridGuttertable53px, .gridWrap.gridGuttertable53px {
    margin-left: -53px;
    margin-bottom: -53px
  }
  .grid12.gridGuttertable53px>*, .gridWrap.gridGuttertable53px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 53px;
    padding-bottom: 53px
  }
  .grid12.gridGuttertable54px, .gridWrap.gridGuttertable54px {
    margin-left: -54px;
    margin-bottom: -54px
  }
  .grid12.gridGuttertable54px>*, .gridWrap.gridGuttertable54px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 54px;
    padding-bottom: 54px
  }
  .grid12.gridGuttertable55px, .gridWrap.gridGuttertable55px {
    margin-left: -55px;
    margin-bottom: -55px
  }
  .grid12.gridGuttertable55px>*, .gridWrap.gridGuttertable55px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 55px;
    padding-bottom: 55px
  }
  .grid12.gridGuttertable56px, .gridWrap.gridGuttertable56px {
    margin-left: -56px;
    margin-bottom: -56px
  }
  .grid12.gridGuttertable56px>*, .gridWrap.gridGuttertable56px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 56px;
    padding-bottom: 56px
  }
  .grid12.gridGuttertable57px, .gridWrap.gridGuttertable57px {
    margin-left: -57px;
    margin-bottom: -57px
  }
  .grid12.gridGuttertable57px>*, .gridWrap.gridGuttertable57px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 57px;
    padding-bottom: 57px
  }
  .grid12.gridGuttertable58px, .gridWrap.gridGuttertable58px {
    margin-left: -58px;
    margin-bottom: -58px
  }
  .grid12.gridGuttertable58px>*, .gridWrap.gridGuttertable58px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 58px;
    padding-bottom: 58px
  }
  .grid12.gridGuttertable59px, .gridWrap.gridGuttertable59px {
    margin-left: -59px;
    margin-bottom: -59px
  }
  .grid12.gridGuttertable59px>*, .gridWrap.gridGuttertable59px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 59px;
    padding-bottom: 59px
  }
  .grid12.gridGuttertable60px, .gridWrap.gridGuttertable60px {
    margin-left: -60px;
    margin-bottom: -60px
  }
  .grid12.gridGuttertable60px>*, .gridWrap.gridGuttertable60px>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 60px;
    padding-bottom: 60px
  }
}

.gridCol1 {
  width: 8.33333%
}

.gridCol2 {
  width: 16.66667%
}

.gridCol3 {
  width: 25%
}

.gridCol4 {
  width: 33.33333%;
}


/*20190121 proto add*/

.modPointhalf {
  width: 66.66667% !important;
  margin: 0 auto !important;
}

.modPointlinkarrow {
  margin-left: -14px !important;
}

@media all and (max-width:768px) {
  .modPointhalf {
    width: 100% !important;
    margin: 0 !important;
  }
  .modPointsppadl0 {
    padding-left: 0 !important;
  }
}


/*end*/

.gridCol5 {
  width: 41.66667%
}

.gridCol6 {
  width: 50%
}

.gridCol7 {
  width: 58.33333%
}

.gridCol8 {
  width: 66.66667%
}

.gridCol9 {
  width: 75%
}

.gridCol10 {
  width: 83.33333%
}

.gridCol11 {
  width: 91.66667%
}

.gridCol12 {
  width: 100%
}

@media all and (max-width:768px) {
  .gridColsp1 {
    width: 8.33333%
  }
  .gridColsp2 {
    width: 16.66667%
  }
  .gridColsp3 {
    width: 25%
  }
  .gridColsp4 {
    width: 33.33333%
  }
  .gridColsp5 {
    width: 41.66667%
  }
  .gridColsp6 {
    width: 50%
  }
  .gridColsp7 {
    width: 58.33333%
  }
  .gridColsp8 {
    width: 66.66667%
  }
  .gridColsp9 {
    width: 75%
  }
  .gridColsp10 {
    width: 83.33333%
  }
  .gridColsp11 {
    width: 91.66667%
  }
  .gridColsp12 {
    width: 100%
  }
}

@media all and (min-width:769px) {
  .gridColpc1 {
    width: 8.33333%
  }
  .gridColpc2 {
    width: 16.66667%
  }
  .gridColpc3 {
    width: 25%
  }
  .gridColpc4 {
    width: 33.33333%
  }
  .gridColpc5 {
    width: 41.66667%
  }
  .gridColpc6 {
    width: 50%
  }
  .gridColpc7 {
    width: 58.33333%
  }
  .gridColpc8 {
    width: 66.66667%
  }
  .gridColpc9 {
    width: 75%
  }
  .gridColpc10 {
    width: 83.33333%
  }
  .gridColpc11 {
    width: 91.66667%
  }
  .gridColpc12 {
    width: 100%
  }
}

@media all and (max-width:528px) {
  .gridColtable1 {
    width: 8.33333%
  }
  .gridColtable2 {
    width: 16.66667%
  }
  .gridColtable3 {
    width: 25%
  }
  .gridColtable4 {
    width: 33.33333%
  }
  .gridColtable5 {
    width: 41.66667%
  }
  .gridColtable6 {
    width: 50%
  }
  .gridColtable7 {
    width: 58.33333%
  }
  .gridColtable8 {
    width: 66.66667%
  }
  .gridColtable9 {
    width: 75%
  }
  .gridColtable10 {
    width: 83.33333%
  }
  .gridColtable11 {
    width: 91.66667%
  }
  .gridColtable12 {
    width: 100%
  }
}

[class^=icon_] {
  position: relative
}

[class^=icon_]:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%
}

.icon_accident01:before {
  background: url(/common/img/icon/icon_accident_01.svg) center/cover
}

.icon_accident02:before {
  background: url(/common/img/icon/icon_accident_02.svg) center/cover
}

.icon_freedial:before {
  background: url(/common/img/icon/icon_freedial_01.svg) center/cover
}

.icon_person:before {
  background: url(/common/img/icon/icon_person_01.svg) no-repeat center/contain
}

.icon_home:before {
  background: url(/common/img/icon/icon_home_01.svg) no-repeat center/contain
}

.icon_car:before {
  background: url(/common/img/icon/icon_car_01.svg) no-repeat center/contain
}

.icon_folder:before {
  background: #fff url(/common/img/icon/icon_folder_01.svg) no-repeat center/cover
}

.icon_request:before {
  background: url(/common/img/icon/icon_request_01.svg) no-repeat center/cover
}

.icon_request02:before {
  background: url(/common/img/icon/icon_request_02.svg) no-repeat center/cover
}

.icon_money:before {
  background: url(/common/img/icon/icon_money_01.svg) no-repeat center/cover
}

.icon_money02:before {
  background: url(/common/img/icon/icon_money_02.svg) no-repeat center/cover
}

.icon_area:before {
  background: url(/common/img/icon/icon_area_01.svg) no-repeat center/cover
}

.icon_area02:before {
  background: url(/common/img/icon/icon_area_02.svg) no-repeat center/cover
}

.icon_flow:before {
  background: url(/common/img/icon/icon_flow_01.svg) no-repeat center/cover
}

.icon_faq:before {
  background: url(/common/img/icon/icon_faq_01.svg) no-repeat center/cover
}

.icon_inquiry:before {
  background: url(/common/img/icon/icon_inquiry_01.svg) no-repeat center/cover
}

.icon_agri:before {
  background: url(/common/img/icon/icon_agri_01.svg) no-repeat center/cover
}

.icon_weather:before {
  background: url(/common/img/icon/icon_weather_01.svg) no-repeat center/cover
}

.icon_export:before {
  background: url(/common/img/icon/icon_export_01.svg) no-repeat center/cover
}

.icon_word:before {
  background: url(/common/img/icon/icon_word_01.svg) no-repeat center/cover
}

.icon_pickup:before {
  background: url(/common/img/icon/icon_pickup_01.svg) no-repeat center/cover
}

.icon_safeguard:before {
  background: url(/common/img/icon/icon_safeguard_01.svg) no-repeat center/cover
}

.icon_campaign:before {
  background: url(/common/img/icon/icon_campaign_01.svg) no-repeat center/cover
}

.icon_document:before {
  background: url(/common/img/icon/icon_document_01.svg) no-repeat center/cover
}

.icon_paper:before {
  background: url(/common/img/icon/icon_paper_01.svg) no-repeat center/cover
}

.icon_pdf:before {
  background: url(/common/img/icon/icon_pdf_01.png) no-repeat center/cover
}

.icon_confirm:before {
  background: url(/common/img/icon/icon_confirm_01.svg) no-repeat center/cover
}

.icon_mail:before {
  background: url(/common/img/icon/icon_mail_01.svg) no-repeat center/cover
}

.icon_pc:before {
  background: url(/common/img/icon/icon_pc_01.svg) no-repeat center/cover
}

.icon_list:before {
  background: url(/common/img/icon/icon_list_01.png) no-repeat center/cover
}

.icon_check:before {
  background: url(/common/img/icon/icon_check_01.png) no-repeat center/cover
}

.icon_spring:before {
  background: url(/common/img/icon/icon_spring_01.png) no-repeat center/cover
}

.icon_summer:before {
  background: url(/common/img/icon/icon_summer_01.png) no-repeat center/cover
}

.icon_fall:before {
  background: url(/common/img/icon/icon_fall_01.png) no-repeat center/cover
}

.icon_winter:before {
  background: url(/common/img/icon/icon_winter_01.png) no-repeat center/cover
}

.linkCmn {
  color: #007c64;
  text-decoration: underline
}

@media all and (min-width:769px) {
  .linkCmn:hover {
    text-decoration: none
  }
}

.listCmn .linkCmn[target="_blank"] {
  display: inline-block
}

.listCmn .linkCmn[target="_blank"]:after {
  position: relative;
  top: .2rem;
  content: '';
  display: inline-block;
  margin-left: 10px;
  width: 12px;
  height: 12px;
  background: url(/common/img/icon/icon_blank_02.png) no-repeat center/contain
}

@media all and (max-width:768px) {
  .listCmn .linkCmn[target="_blank"]:after {
    margin-left: 7px
  }
}

.listCmn .linkCmn[href*=".pdf"], .listCmn .linkCmn[href*=".PDF"] {
  padding-right: 22px
}

.listCmn .linkCmn[href*=".pdf"]:after, .listCmn .linkCmn[href*=".PDF"]:after {
  position: relative;
  top: .2rem;
  content: '';
  display: inline-block;
  margin-left: 9px;
  width: 26px;
  height: 14px;
  background: url(/common/img/icon/icon_pdf_01.png) no-repeat center/contain
}

@media all and (max-width:768px) {
  .listCmn .linkCmn[href*=".pdf"]:after, , .listCmn .linkCmn[href*=".PDF"]:after {
    margin-left: 7px
  }
}

.listNote .linkCmn[target="_blank"] {
  display: inline-block
}

.listNote .linkCmn[target="_blank"]:after {
  position: relative;
  top: .2rem;
  content: '';
  display: inline-block;
  margin-left: 4px;
  width: 12px;
  height: 12px;
  background: url(/common/img/icon/icon_blank_02.png) no-repeat center/contain
}

.listNote .linkCmn[href$=".pdf"] {
  padding-right: 22px
}

.listNote .linkCmn[href$=".pdf"]:after {
  position: relative;
  top: .2rem;
  content: '';
  display: inline-block;
  margin-left: 3px;
  width: 26px;
  height: 14px;
  background: url(/common/img/icon/icon_pdf_01.png) no-repeat center/contain
}

.txtCmn .linkCmn[target="_blank"] {
  display: inline;
  margin-right: 5px
}

.txtCmn .linkCmn[target="_blank"]:after {
  position: relative;
  top: .1rem;
  content: '';
  display: inline-block;
  margin-left: 5px;
  width: 12px;
  height: 12px;
  background: url(/common/img/icon/icon_blank_02.png) no-repeat center/contain
}

@media all and (max-width:768px) {
  .txtCmn .linkCmn[target="_blank"]:after {
    margin-left: 7px
  }
}

.txtCmn .linkCmn[href$=".pdf"] {
  padding-right: 5px
}

.txtCmn .linkCmn[href$=".pdf"]:after {
  position: relative;
  top: .2rem;
  content: '';
  display: inline-block;
  margin-left: 4px;
  width: 26px;
  height: 14px;
  background: url(/common/img/icon/icon_pdf_01.png) no-repeat center/contain
}

@media all and (max-width:768px) {
  .txtCmn .linkCmn[href$=".pdf"]:after {
    margin-left: 7px
  }
}

.txtCmnLead .linkCmn[target="_blank"] {
  display: inline;
  margin-right: 5px
}

.txtCmnLead .linkCmn[target="_blank"]:after {
  position: relative;
  top: .1rem;
  content: '';
  display: inline-block;
  margin-left: 4px;
  width: 12px;
  height: 12px;
  background: url(/common/img/icon/icon_blank_02.png) no-repeat center/contain
}

@media all and (max-width:768px) {
  .txtCmnLead .linkCmn[target="_blank"]:after {
    margin-left: 2px
  }
}

.txtCmnLead .linkCmn[href$=".pdf"] {
  padding-right: 5px
}

.txtCmnLead .linkCmn[href$=".pdf"]:after {
  position: relative;
  top: .2rem;
  content: '';
  display: inline-block;
  margin-left: 9px;
  width: 26px;
  height: 14px;
  background: url(/common/img/icon/icon_pdf_01.png) no-repeat center/contain
}

@media all and (max-width:768px) {
  .txtCmnLead .linkCmn[href$=".pdf"]:after {
    margin-left: 7px
  }
}

.listCmn li {
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .listCmn li {
    letter-spacing: 0
  }
}

.ua-android .listCmn li {
  letter-spacing: 0
}

.listCmn li+li {
  margin-top: .5em
}

.ttl03+.listCmn {
  margin-top: 15px;
  padding: 0 20px
}

@media all and (max-width:768px) {
  .ttl03+.listCmn {
    padding: 0 5px
  }
}

.listCmn.listFaq {
  padding: 0 20px
}

@media all and (max-width:768px) {
  .listCmn.listFaq {
    padding: 0 15px
  }
}

.listCmn.listFaq.listArrow li:before {
  top: .5rem;
  margin-top: 0
}

@media all and (min-width:769px) {
  .listCmn.listFaq.listArrow li+li {
    margin-top: 1.1rem
  }
}

@media all and (max-width:768px) {
  .listCmn.listFaq.listArrow li:before {
    top: 5px
  }
}

.listInline {
  overflow: hidden;
  margin-bottom: -20px
}

.listInline li {
  display: inline-block;
  float: left;
  padding: .1rem 19px .1rem 0;
  border-right: 1px solid #000;
  margin: 0 19px 20px 0;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em;
  line-height: 1
}

@media all and (-ms-high-contrast:none) {
  .listInline li {
    letter-spacing: 0
  }
}

.ua-android .listInline li {
  letter-spacing: 0
}

.listInline li:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0
}

@media all and (max-width:768px) {
  .listInline li {
    padding: .1rem 22px .1rem 0;
    margin: 0 22px 20px 0
  }
  .listInline li:nth-child(odd) {
    clear: left;
    float: left;
    border-right: none;
  }
  .listInline li:nth-child(even) {
    padding-right: 0;
    margin-right: 0;
    border-right: none
  }
}

.listDot li {
  position: relative;
  padding-left: .9rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .listDot li {
    letter-spacing: 0
  }
}

.ua-android .listDot li {
  letter-spacing: 0
}

@media all and (-ms-high-contrast:none) {
  .listDot li {
    padding-left: 1em
  }
}

.ua-android .listDot li {
  padding-left: 1em
}

.listDot li:before {
  position: absolute;
  top: 0;
  left: -.5rem;
  content: '・'
}

@media all and (max-width:768px) {
  .listDot li:before {
    left: -2px
  }
}

.listDot li+li {
  margin-top: .5em
}

.listDecimal>li {
  position: relative;
  counter-increment: decimal_01;
  padding-left: 2rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .listDecimal>li {
    letter-spacing: 0
  }
}

.ua-android .listDecimal>li {
  letter-spacing: 0
}

@media all and (-ms-high-contrast:none) {
  .listDecimal>li {
    padding-left: 1.5em
  }
}

.ua-android .listDecimal>li {
  padding-left: 1.5em
}

.listDecimal>li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(decimal_01) "："
}

.listDecimal>li+li {
  margin-top: .5em
}

.listDefinition {
  margin-top: -.5em
}

.listDefinition dd, .listDefinition dt {
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .listDefinition dd, .listDefinition dt {
    letter-spacing: 0
  }
}

.ua-android .listDefinition dd, .ua-android .listDefinition dt {
  letter-spacing: 0
}

.listDefinition dt {
  clear: left;
  float: left;
  padding-top: .5em
}

.listDefinition dd {
  overflow: hidden;
  padding-top: .5em
}

.listDefault li {
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  font-size: 1.2rem;
  letter-spacing: .05em
}

.listNote li {
  position: relative;
  padding-left: 1em;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  font-size: 1.2rem;
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .listNote li {
    letter-spacing: 0
  }
}

.ua-android .listNote li {
  letter-spacing: 0
}

.listNote li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '※'
}

.listNote li+li {
  margin-top: .5em
}

.listDefault li+li {
  margin-top: .5em
}

@media all and (max-width:768px) {
  .listNote li+li {
    margin-top: 0
  }
  .listDefault li+li {
    margin-top: 0
  }
}

.boxCmn+.listNote, .modBoxBnr+.listNote {
  padding: 20px 10px 0
}

.listNoteNoMark li {
  padding-left: 0
}

.listNoteNoMark li:before {
  display: none
}

.listNoteWrap {
  padding: 30px 20px 0
}

@media all and (max-width:768px) {
  .listNoteWrap {
    padding: 20px 20px 0
  }
}

.listNoteWrapS {
  margin: 20px 12px 0;
  clear: both;
}

@media all and (max-width:768px) {
  .listNoteWrapS {
    margin: 10px 6px 0
  }
}

.listNoteWrapT {
  padding: 30px 0 0
}

@media all and (max-width:768px) {
  .listNoteWrapT {
    padding: 20px 0 0
  }
}

.tableBasic+.listNote {
  margin: 20px 12px 0
}

@media all and (max-width:768px) {
  .tableBasic+.listNote {
    margin: 10px 6px 0
  }
}

.tableBasic+.listNote li {
  margin-top: 0
}

.listArrow>li {
  position: relative;
  padding-left: 15px
}

.listArrow>li:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  content: '';
  width: 10px;
  height: 10px;
  background: url(/common/img/icon/icon_arrow_r_02.png) center/cover
}


/*20190115 proto add*/

.listArrowNoMark:before {
  display: none !important;
}

.modPointItem ul {
  align-self: flex-start;
}

.modPointItem .listArrow>li:before {
  top: 6px;
  margin: 0;
}

.fzL .modPointItem .listArrow>li:before {
  top: 8px;
}

.fzLL .modPointItem .listArrow>li:before {
  top: 8px;
}

.modPointItem .listArrow>li a.linkCmn {
  font-size: 1.6rem;
}


/*proto end*/


/*20190122 proto add*/

@media all and (max-width:768px) {
  .linkinline {
    display: inline !important;
  }
}


/*end*/

.listArrowB li {
  position: relative;
  padding-left: 15px
}

.listArrowB li:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  content: '';
  width: 10px;
  height: 10px;
  background: url(/common/img/icon/icon_arrow_b_02.png) center/cover
}

.listCmnLink {
  margin-top: 1em
}

.listCmnLink li {
  padding: 0 10px;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna'
}

@media all and (max-width:768px) {
  .listCmnLink li {
    padding: 0 5px
  }
}

.listCmnLink li a {
  display: inline-block;
  position: relative;
  padding-left: 15px;
  color: inherit
}

@media all and (min-width:769px) {
  .listCmnLink li a {
    text-decoration: none
  }
  .listCmnLink li a:hover {
    text-decoration: underline
  }
}

.listCmnLink li a:before {
  position: absolute;
  top: .4rem;
  left: 0;
  content: '';
  width: 10px;
  height: 10px;
  background: url(/common/img/icon/icon_arrow_r_02.png) center/cover
}

.listCmnLink li a[href*=".pdf"]:after {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  top: .2rem;
  content: '';
  width: 26px;
  height: 14px;
  background: url(/common/img/icon/icon_pdf_01.png) center/cover
}

.listCmnLink li p i{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:4.6rem;
  height:1.9rem;
  margin-right:5px;
  color:#fff;
  font-size:1.4rem;
  font-weight:700;
  line-height:1
}

@media all and (-ms-high-contrast:none){
  .listCmnLink li p i{
    padding-top:1px
  }
}

.listCmnLink li p i.new{
  background-color:#74b347;
}

.listBtnInline {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media all and (max-width:768px) {
  .listBtnInline {
    display: block
  }
}

.listBtnInline li+li {
  margin-left: 20px
}

@media all and (max-width:768px) {
  .listBtnInline li+li {
    margin: 20px 0 0
  }
}

.listBnr li {
  width: 235px
}

.listBnr li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 60px;
  padding: 10px 28px 0 0;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  border-bottom: 4px solid
}

@media all and (-ms-high-contrast:none) {
  .listBnr li a {
    -webkit-box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35)
  }
}

@media all and (min-width:769px) {
  .listBnr li a {
    opacity: 1
  }
  .listBnr li a:hover {
    opacity: .65
  }
}

.listBnr li a:before {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover;
  background-size: 10px 10px
}

.listBnr li a img {
  height: 34px;
  width: auto
}

.listBnr li p {
  padding: 8px 0 0 3px;
  font-size: 1.4rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .listBnr li p {
    letter-spacing: 0
  }
}

.ua-android .listBnr li p {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .listBnr li p {
    padding-top: 4px;
    font-size: 10px
  }
}

.listBnr li.bnrShushin a {
  border-color: #eb3165
}

.listBnr li.bnrShushin a:before {
  background-color: #eb3165
}

.listBnr li+li {
  margin-top: 20px
}

.listRelease {
  margin: 0 20px!important
}

.listRelease li {
  padding: 26px 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 1.6rem;
  letter-spacing: .05em
}

@media all and (max-width:768px) {
  .listRelease li {
    padding: 12px 0;
    font-size: 14px
  }
}

.listRelease .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.listRelease .date span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 4.6rem;
  height: 1.9rem;
  margin: 1px 0 0 6px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1
}

@media all and (max-width:768px) {
  .listRelease .date span {
    width: 35px;
    height: 15px;
    margin: 2px 0 0 3px;
    font-size: 11px
  }
}

.listRelease .date span.new {
  background-color: #74b347;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .06em
}

@media all and (-ms-high-contrast:none) {
  .listRelease .date span.new {
    letter-spacing: 0
  }
}

.ua-android .listRelease .date span.new {
  letter-spacing: 0
}

.listRelease .date span.important {
  background-color: #ce0000;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .1em
}

@media all and (-ms-high-contrast:none) {
  .listRelease .date span.important {
    letter-spacing: 0
  }
}

.ua-android .listRelease .date span.important {
  letter-spacing: 0
}

.listRelease a {
  display: inline-block;
  margin-top: 8px;
  padding-left: 15px;
  background: url(/common/img/icon/icon_arrow_r_02.png) no-repeat left top 6px;
  background-size: 10px 10px;
  color: inherit
}

@media all and (min-width:769px) {
  .listRelease a {
    text-decoration: none
  }
  .listRelease a:hover {
    text-decoration: underline
  }
}

@media all and (max-width:768px) {
  .listRelease a {
    margin-top: 6px
  }
}

.listNews {
  margin: 10px 20px 0!important
}

@media all and (max-width:768px) {
  .listNews {
    margin: 0 15px!important
  }
}

.listNews>li {
  position: relative;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (max-width:768px) {
  .listNews>li {
    padding: 11px 0 11px 15px
  }
}

.listNews>li:before {
  position: absolute;
  top: 20px;
  left: 0;
  content: '';
  width: 10px;
  height: 10px;
  background: url(/common/img/icon/icon_arrow_r_02.png) center/cover
}

@media all and (max-width:768px) {
  .listNews>li:before {
    top: 16px
  }
}

.listNews a {
  color: inherit
}

@media all and (min-width:769px) {
  .listNews a {
    text-decoration: none
  }
  .listNews a:hover {
    text-decoration: underline
  }
}

.listNews .new {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 4.6rem;
  height: 1.9rem;
  margin-left: 5px;
  background-color: #74b347;
  color: #fff;
  font-weight: 700;
  line-height: 1.9rem;
  text-align: center
}

@media all and (-ms-high-contrast:none) {
  .listNews .new {
    padding-top: 1px
  }
}

@media all and (max-width:768px) {
  .listNews .new {
    width: 35px;
    height: 15px;
    font-size: 11px;
    line-height: 15px
  }
}

.listUpdate {
  margin: 10px 20px 0!important
}

@media all and (max-width:768px) {
  .listUpdate {
    margin: 0 20px!important
  }
}

.listUpdate>li {
  position: relative;
  padding: 25px 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 1.6rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (max-width:768px) {
  .listUpdate>li {
    padding: 10px 0;
    font-size: 14px
  }
}

.listUpdate a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  margin-top: 10px;
  color: inherit
}

@media all and (min-width:769px) {
  .listUpdate a {
    text-decoration: none
  }
  .listUpdate a:hover {
    text-decoration: underline
  }
}

@media all and (max-width:768px) {
  .listUpdate a {
    padding-left: 13px;
    margin-top: 6px
  }
}

.listUpdate a:before {
  position: absolute;
  top: 6px;
  left: 0;
  content: '';
  width: 10px;
  height: 10px;
  background: url(/common/img/icon/icon_arrow_r_02.png) center/cover
}

@media all and (max-width:768px) {
  .listUpdate a:before {
    top: 5px
  }
}

.listUpdate i {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 4.6rem;
  height: 1.9rem;
  margin: 0 5px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.9rem;
  text-align: center
}

@media all and (-ms-high-contrast:none) {
  .listUpdate i {
    padding-top: 1px
  }
}

@media all and (max-width:768px) {
  .listUpdate i {
    width: 35px;
    height: 15px;
    font-size: 11px;
    line-height: 15px;
    margin: 0 0 0 5px
  }
}

.listUpdate .new {
  background-color: #74b347
}

.listUpdate .important {
  padding-top: 1px;
  background-color: #c00
}

.listPlan {
  margin-top: -28px;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .025em
}

@media all and (-ms-high-contrast:none) {
  .listPlan {
    letter-spacing: 0
  }
}

.ua-android .listPlan {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .listPlan {
    margin-top: -18px
  }
}

.listPlan dt {
  padding-top: 28px;
  color: #007c64;
  font-weight: 700
}

@media all and (max-width:768px) {
  .listPlan dt {
    padding-top: 18px
  }
}

.listPlan dd {
  margin-top: 10px;
  padding-bottom: 28px;
  border-bottom: 1px solid #e5e5e5
}

@media all and (max-width:768px) {
  .listPlan dd {
    padding-bottom: 18px
  }
}

[class^=modFloat] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px -15px 0
}

@media all and (max-width:768px) {
  [class^=modFloat] {
    display: block;
    margin: 40px 0 0
  }
}

[class^=modFloat] figure {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0 15px
}

@media all and (max-width:768px) {
  [class^=modFloat] figure {
    padding: 0
  }
}

[class^=modFloat] figure img {
  width: auto
}

@media all and (max-width:768px) {
  [class^=modFloat] figure+div {
    margin-top: 15px
  }
}

[class^=modFloat]>div {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 27px 15px 0;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  [class^=modFloat]>div {
    letter-spacing: 0
  }
}

.ua-android [class^=modFloat]>div {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  [class^=modFloat]>div {
    padding: 0
  }
}

@media all and (max-width:768px) {
  [class^=modFloat]>div+figure {
    margin-top: 15px
  }
}

.modFloatBasic>div {
  padding-top: 0
}

.modMovie a {
  position: relative;
  display: block
}

@media all and (min-width:769px) {
  .modMovie a {
    opacity: 1
  }
  .modMovie a:hover {
    opacity: .65
  }
}

.modMovie a:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  background: url(/common/img/icon/icon_play_01.png) center/cover
}

@media all and (max-width:768px) {
  .modMovie a:before {
    width: 45px;
    height: 45px
  }
}

@media all and (max-width:768px) {
  .modMovie {
    padding: 0 15px
  }
}

.modLablets {
  margin-top: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media all and (max-width:768px) {
  .modLablets {
    margin-top: 50px;
    display: block
  }
}

.modLablets figure {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 370px;
  margin-right: 30px
}

@media all and (max-width:768px) {
  .modLablets figure {
    width: 100%;
    margin-right: 0
  }
}

@media(min-width: 769px){ 

  .modLablets.column2 figure{
    width: 240px;
  } 
  .modLablets.column2 figure:nth-of-type(2){
    margin-left: 45px;
  }
}
@media(max-width: 768px){
  .modLablets.column2 figure:nth-of-type(2){
    margin-top: 30px;
  }
}

.modLablets figure img {
  border-radius: 6px
}

@media all and (max-width:768px) {
  .modLablets figure img {
    border-radius: 3px
  }
}

@media all and (max-width:768px) {
  .modLablets div {
    margin-top: 15px
  }
}

.modLablets div span {
  position: relative;
  padding: 0 23px;
  color: #007c64;
  font-size: 1.8rem;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .06em
}

@media all and (-ms-high-contrast:none) {
  .modLablets div span {
    letter-spacing: 0
  }
}

.ua-android .modLablets div span {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .modLablets div span {
    padding: 0 18px;
    font-size: 16px
  }
}

.modLablets div span:after, .modLablets div span:before {
  position: absolute;
  top: 50%;
  content: '';
  width: 2px;
  height: 30px;
  background-color: #007c64
}

@media all and (max-width:768px) {
  .modLablets div span:after, .modLablets div span:before {
    height: 20px
  }
}

.modLablets div span:before {
  left: 10px;
  -webkit-transform: rotate(-20deg) translateY(-50%);
  transform: rotate(-20deg) translateY(-50%)
}


/*20190116 proto add*/

.Cancelbeforeafter div span {
  padding: 0;
}

.Cancelbeforeafter div span:before, .Cancelbeforeafter div span:after {
  content: none;
}

.modLablets div span:after {
  right: 10px;
  -webkit-transform: rotate(20deg) translateY(-50%);
  transform: rotate(20deg) translateY(-50%)
}

.modLablets div .title {
  margin-top: 10px;
  color: #007c64;
  font-size: 1.8rem;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .modLablets div .title {
    letter-spacing: 0
  }
}

.ua-android .modLablets div .title {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .modLablets div .title {
    margin-top: 5px;
    font-size: 16px;
    letter-spacing: .01em
  }
}

.modLablets div .text {
  margin-top: 10px;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .modLablets div .text {
    letter-spacing: 0
  }
}

.ua-android .modLablets div .text {
  letter-spacing: 0
}

.modLeaflet {
  margin-top: 100px;
  padding: 40px 20px;
  overflow: hidden
}

@media all and (max-width:768px) {
  .modLeaflet {
    margin-top: 50px;
    padding: 15px
  }
}

.modLeaflet article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media all and (max-width:768px) {
  .modLeaflet article {
    display: block
  }
}

.modLeaflet .btnWrap {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 373px;
  margin-right: 18px
}

@media all and (max-width:768px) {
  .modLeaflet .btnWrap {
    width: 100%
  }
}

.modLeaflet .btnWrap .btnCmn {
  padding: 11px 0 9px 20px;
  font-weight: 700;
  line-height: 2.2rem
}

.modLeaflet .btnWrap .btnCmn[href*=".pdf"]:before {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
  content: '';
  width: 36px;
  height: 20px;
  border-radius: 0;
  background: url(/common/img/icon/icon_pdf_01.png) center/cover!important;
  background-size: 36px 20px
}

@media all and (max-width:768px) {
  .modLeaflet .btnWrap .btnCmn[href*=".pdf"]:before {
    width: 25px;
    height: 14px;
    margin-top: -7px;
    background-size: 25px 14px
  }
}

.modLeaflet .title {
  color: #007c64;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .025em
}

@media all and (-ms-high-contrast:none) {
  .modLeaflet .title {
    letter-spacing: 0
  }
}

.ua-android .modLeaflet .title {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .modLeaflet .title {
    margin-top: 20px;
    font-size: 16px
  }
}

.modLeaflet .text {
  margin-top: 18px;
  font-size: 1.6rem;
  line-height: 2.6rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .modLeaflet .text {
    letter-spacing: 0
  }
}

.ua-android .modLeaflet .text {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .modLeaflet .text {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.5
  }
}

.modLeaflet .listNote {
  margin-top: 15px
}

@media all and (max-width:768px) {
  .modLeaflet .listNote {
    margin-top: 10px
  }
}

.modReader {
  margin-top: 100px;
  padding: 20px;
  background: url(/common/img/bg_pattern_04.png);
  border-radius: 6px
}

@media all and (max-width:768px) {
  .modReader {
    margin: 50px -10px 0;
    padding: 20px 10px;
    border-radius: 0
  }
}

.modReaderIn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 26px;
  background-color: #fff;
  border-radius: 6px
}

@media all and (max-width:768px) {
  .modReaderIn {
    display: block;
    padding: 20px 15px
  }
}

.modReaderIn figure {
  width: 158px;
  margin-right: 30px
}

@media all and (max-width:768px) {
  .modReaderIn figure {
    margin: 0 auto
  }
}

@media all and (min-width:769px) {
  .modReaderIn figure a {
    opacity: 1
  }
  .modReaderIn figure a:hover {
    opacity: .65
  }
}

.modReaderIn p {
  font-size: 1.6rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .modReaderIn p {
    letter-spacing: 0
  }
}

.ua-android .modReaderIn p {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .modReaderIn p {
    margin-top: 16px;
    font-size: 14px
  }
}

.modPoint {
  margin-top: 25px
}


/*20190116 proto add*/

.modPoint .gridWrap .modPointCenter {
  margin: 0 auto;
}

@media all and (max-width:768px) {
  .modPoint {
    margin-top: 15px;
    padding: 0 15px
  }
}

.modPointItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 20px;
  border-radius: 6px;
  background-color: #f2f2f2
}

@media all and (max-width:768px) {
  .modPointItem {
    min-height: 100px;
    padding: 10px
  }
}

.modPointItem p:first-child {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 8rem;
  height: 8rem;
  margin-right: 18px;
  border-radius: 4rem;
  background-color: #ffd400;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .modPointItem p:first-child {
    letter-spacing: 0
  }
}

.ua-android .modPointItem p:first-child {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .modPointItem p:first-child {
    width: 60px;
    height: 60px;
    margin-right: 10px
  }
}

.modPointItem p:first-child span {
  display: block;
  margin-top: 2rem;
  padding-bottom: .6rem;
  font-size: 1.4rem
}

@media all and (max-width:768px) {
  .modPointItem p:first-child span {
    margin-top: 12px;
    font-size: 10px
  }
}

.modPointItem p:first-child.text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.5
}

.modPointItem p:first-child.text span {
  margin-top: 0;
  padding-bottom: 0
}

.modPointItem p:last-child {
  font-size: 1.6rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna'
}

.modPointItem p:last-child em {
  color: #007c64;
  font-weight: 700
}

.modPointItem p:last-child span {
  font-size: 1.2rem
}

figure+.modPointItem {
  margin-top: 20px
}

.modPoint+* {
  margin-top: 30px
}

@media all and (max-width:768px) {
  .modPoint+* {
    margin-top: 20px
  }
}

.modRelatedBnr {
  width: 1200px;
  margin: 0 auto 100px
}

@media all and (max-width:768px) {
  .modRelatedBnr {
    width: 100%
  }
}

.modRelatedBnr ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 30px -10px -20px
}

@media all and (max-width:768px) {
  .modRelatedBnr ul {
    padding: 0 15px;
    margin: 20px 0 -15px -15px
  }
}

.modRelatedBnr li {
  width: 16.66%;
  padding: 0 10px 20px
}

@media all and (max-width:768px) {
  .modRelatedBnr li {
    width: 50%;
    padding: 0 0 15px 15px
  }
}

.modRelatedBnr li a {
  display: block
}

@media all and (min-width:769px) {
  .modRelatedBnr li a {
    opacity: 1
  }
  .modRelatedBnr li a:hover {
    opacity: .65
  }
}

.modRelatedBnr li img {
  width: 100%;
  height: auto
}

.modSubBox {
  width: 278px;
  margin-left: auto
}

@media all and (max-width:768px) {
  .modSubBox {
    width: 100%
  }
}

.modSubBox a {
  color: inherit
}

@media all and (min-width:769px) {
  .modSubBox a {
    text-decoration: none
  }
  .modSubBox a:hover {
    text-decoration: underline
  }
}

.modSubBox+.modSubBox {
  margin-top: 40px
}

@media all and (max-width:768px) {
  .modSubBox+.modSubBox {
    margin-top: 20px
  }
}

.modBtnBox {
  margin-top: 30px
}

@media all and (max-width:768px) {
  .modBtnBox {
    margin-top: 20px;
    border-radius: 0
  }
}

.modBtnBox .boxCmn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media all and (max-width:768px) {
  .modBtnBox .boxCmn {
    display: block
  }
}

.modBtnBox .boxCmn i {
  width: 36px;
  height: 36px;
  margin-right: 12px
}

.modBtnBox .btnWrap {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 370px;
  margin-right: 22px
}

@media all and (max-width:768px) {
  .modBtnBox .btnWrap {
    width: 100%;
    margin-right: 0
  }
}

.modBtnBox .btnRnd {
  width: 100%
}

.modBtnBox p {
  font-size: 1.6rem
}

@media all and (max-width:768px) {
  .modBtnBox p {
    margin-top: 16px;
    font-size: 14px
  }
}

.modAncBox {
  width: 1200px;
  margin: 0 auto
}

@media all and (max-width:768px) {
  .modAncBox {
    width: calc(100% - 50px)
  }
}

.modAncBoxWrap {
  margin-top: 65px;
  padding: 30px 0
}

@media all and (max-width:768px) {
  .modAncBoxWrap {
    margin-top: 45px;
    padding: 25px 0
  }
}

.modNanairo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px
}

@media all and (max-width:768px) {
  .modNanairo {
    display: block;
    margin-top: 25px
  }
}

.modNanairo figure {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 295px;
  padding: 0 42px 0 23px;
}

@media all and (max-width:768px) {
  .modNanairo figure {
    width: 100%;
    padding: 0 0px 20px
  }
}

.modNanairo figure img {
  width: 100%;
  height: auto
}

.modNanairo .boxCmn {
  padding: 20px 40px 30px
}

@media all and (min-width:769px) {
  .modNanairo .boxCmn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 825px;
    box-sizing: border-box;
  }
}

@media all and (max-width:768px) {
  .modNanairo .boxCmn {
    padding: 15px 15px 20px
  }
}

.modNanairo .boxCmn p {
  margin-top: 10px;
  font-size: 1.6rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .025em
}

@media all and (-ms-high-contrast:none) {
  .modNanairo .boxCmn p {
    letter-spacing: 0
  }
}

.ua-android .modNanairo .boxCmn p {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .modNanairo .boxCmn p {
    font-size: 14px
  }
}

@media all and (max-width:768px) {
  .modNanairoWrap {
    margin: 0 -10px;
    border-radius: 0;
    padding: 15px 10px
  }
}

.modNanairoWrap .modNanairo {
  margin-top: 0
}

.modApp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px
}

@media all and (max-width:768px) {
  .modApp {
    display: block;
    margin-top: 25px
  }
}

.modApp figure {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 280px;
  padding: 0 65px 0 47px
}

@media all and (max-width:768px) {
  .modApp figure {
    width: 118px;
    padding: 0;
    margin: 20px auto 0
  }
}

.modApp figure img {
  width: 100%;
  height: auto
}

.modApp .boxCmn {
  padding: 20px 38px 30px
}

@media all and (min-width:769px) {
  .modApp .boxCmn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media all and (max-width:768px) {
  .modApp .boxCmn {
    margin-top: 20px;
    padding: 15px 15px 20px
  }
}

.modApp .boxCmn p {
  margin-top: 10px;
  font-size: 1.6rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .025em
}

@media all and (-ms-high-contrast:none) {
  .modApp .boxCmn p {
    letter-spacing: 0
  }
}

.ua-android .modApp .boxCmn p {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .modApp .boxCmn p {
    font-size: 14px
  }
}

.modApp .btnWrap {
  margin-top: 20px;
  width: 53rem
}

@media all and (-ms-high-contrast:none) {
  .modApp .btnWrap {
    width: 58rem
  }
}

@media all and (max-width:768px) {
  .modApp .btnWrap {
    width: 100%
  }
}

@media all and (max-width:768px) {
  .modApp .btnRnd {
    padding: 0 40px;
    text-align: center;
    letter-spacing: 0
  }
  .ua-android .modApp .btnRnd {
    padding: 0 40px 0 20px;
    letter-spacing: -.05em
  }
}

.modApp+* {
  margin-top: 30px
}

.modFlow {
  margin-top: 30px
}

.modFlow .modFlowIn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media all and (max-width:768px) {
  .modFlow .modFlowIn {
    display: block
  }
}

.modFlow ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 30px
}

@media all and (max-width:768px) {
  .modFlow ol {
    display: block;
    margin-right: 0
  }
}

.modFlow li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  border-radius: 6rem;
  color: #fff;
  text-align: center
}

@media all and (max-width:768px) {
  .modFlow li {
    display: block;
    width: 100%;
    height: 40px;
    border-radius: 0;
    text-align: left
  }
}

@media all and (max-width:768px) {
  .modFlow li>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 15px
  }
}

.modFlow li:nth-child(1) {
  background-color: #95b300
}

.modFlow li:nth-child(1):before {
  position: absolute;
  content: '';
  left: calc(100% - 1px);
  top: 50%;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #95b300
}

@media all and (max-width:768px) {
  .modFlow li:nth-child(1):before {
    top: 100%;
    left: 50%;
    margin: 0 0 0 -5px;
    border-width: 10px 5px 0 5px;
    border-color: #95b300 transparent transparent transparent
  }
}

.modFlow li:nth-child(2) {
  background-color: #74b347
}

.modFlow li:nth-child(2):before {
  position: absolute;
  content: '';
  left: calc(100% - 1px);
  top: 50%;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #74b347
}

@media all and (max-width:768px) {
  .modFlow li:nth-child(2):before {
    top: 100%;
    left: 50%;
    margin: 0 0 0 -5px;
    border-width: 10px 5px 0 5px;
    border-color: #74b347 transparent transparent transparent
  }
}

.modFlow li:nth-child(3) {
  background-color: green
}

.modFlow li:nth-child(3):before {
  position: absolute;
  content: '';
  left: calc(100% - 1px);
  top: 50%;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent green
}

@media all and (max-width:768px) {
  .modFlow li:nth-child(3):before {
    top: 100%;
    left: 50%;
    margin: 0 0 0 -5px;
    border-width: 10px 5px 0 5px;
    border-color: green transparent transparent transparent
  }
}

.modFlow li:nth-child(4) {
  background-color: #007c64
}

.modFlow li+li {
  margin-left: 20px
}

@media all and (max-width:768px) {
  .modFlow li+li {
    margin: 15px 0 0
  }
}

.modFlow li span {
  position: relative;
  padding-bottom: .5rem;
  font-size: 1.6rem;
  letter-spacing: .05em
}

@media all and (max-width:768px) {
  .modFlow li span {
    padding-bottom: 0;
    padding-right: 16px;
    margin-right: 16px;
    font-size: 14px;
    line-height: 20px;
    border-right: 1px solid #fff
  }
}

.modFlow li span:before {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -3.2rem;
  content: '';
  width: 6.4rem;
  height: 1px;
  background-color: #fff
}

@media all and (-ms-high-contrast:none) {
  .modFlow li span:before {
    bottom: .4rem
  }
}

@media all and (max-width:768px) {
  .modFlow li span:before {
    display: none
  }
}

.modFlow li p {
  margin-top: .7rem;
  font-size: 1.6rem;
  font-weight: 700
}

@media all and (max-width:768px) {
  .modFlow li p {
    margin-top: 0;
    font-size: 14px
  }
}

@media all and (max-width:768px) {
  .modFlow .txtCmn {
    padding: 15px 5px 0;
    font-size: 14px
  }
}

.modBoxBnr {
  margin-top: 40px
}

.modBoxBnr .gridCol3 {
  height: 100%
}

.modBoxBnr .gridCol3 article+article {
  margin-top: 20px
}

.modBoxBnr .gridCol3>article {
  height: 100%
}

.modBoxBnr .gridCol3:nth-child(2)>article,.modBoxBnr .gridCol3:nth-child(3)>article {
  height: auto
}

@media all and (min-width:769px) {
  .modBoxBnr .gridCol3:nth-child(2),.modBoxBnr .gridCol3:nth-child(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .modBoxBnr .gridCol3:nth-child(2)>article:last-child,.modBoxBnr .gridCol3:nth-child(3)>article:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
  }
  .modBoxBnr .gridCol3:nth-child(2)>article:last-child .boxCmn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
  }
}

.modBoxBnr .boxCmn {
  height: 100%
}

@media all and (max-width:768px) {
  .modBoxBnr .boxCmn {
    padding: 10px
  }
}

.modBoxBnrTitle {
  margin: -20px -20px 0;
  padding: 8px 8px 8px 52px;
  border-radius: 6px 6px 0 0;
  background: #cceba4 no-repeat;
  font-size: 1.6rem;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .06em
}

@media all and (max-width:768px) {
  .modBoxBnrTitle {
    margin: -10px -10px 0;
    padding: 10px 10px 9px 48px;
    font-size: 14px
  }
}

@media all and (-ms-high-contrast:none) {
  .modBoxBnrTitle {
    letter-spacing: 0
  }
}

.ua-android .modBoxBnrTitle {
  letter-spacing: 0
}

.modBoxBnrTitle+* {
  margin-top: 20px
}

@media all and (max-width:768px) {
  .modBoxBnrTitle+* {
    margin-top: 15px
  }
}

.modBoxBnrTitle01 {
  background-image: url(/common/img/icon/icon_emergency_01.png);
  background-size: 32px 20px;
  background-position: 10px 10px
}

@media all and (max-width:768px) {
  .modBoxBnrTitle01 {
    background-position: 8px 10px
  }
}

.modBoxBnrTitle02 {
  background-image: url(/common/img/icon/icon_bed_01.png);
  background-size: 24px 20px;
  background-position: 14px 10px
}

@media all and (max-width:768px) {
  .modBoxBnrTitle02 {
    background-position: 10px 10px
  }
}

.modBoxBnrTitle03 {
  background-image: url(/common/img/icon/icon_child_01.png);
  background-size: 29px 23px;
  background-position: 12px 10px
}

@media all and (max-width:768px) {
  .modBoxBnrTitle03 {
    background-position: 9px 10px
  }
}

.modBoxBnrTitle04 {
  background-image: url(/common/img/icon/icon_future_01.png);
  background-size: 13px 24px;
  background-position: 19px 8px
}

@media all and (max-width:768px) {
  .modBoxBnrTitle04 {
    background-position: 15px 7px
  }
}

.modBoxBnrTitle05 {
  background-image: url(/common/img/icon/icon_sudden_01.png);
  background-size: 24px 28px;
  background-position: 15px 8px
}

@media all and (max-width:768px) {
  .modBoxBnrTitle05 {
    background-size: 22px 25px;
    background-position: 11px 9px
  }
}
.modBoxBnrTitle06 {
  background-image: url(/common/img/icon/icon_hospital_01.png);
  background-size: 28px 22px;
  background-position: 13px 8px
}

@media all and (max-width:768px) {
  .modBoxBnrTitle04 {
    background-position: 15px 7px
  }
}

.modBoxBnr+.listNote {
  padding: 20px 10px 0
}

@media all and (max-width:768px) {
  .modExample {
    padding: 0 15px
  }
}

.modExampleHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media all and (max-width:768px) {
  .modExampleHeader {
    display: block
  }
}

.modExampleHeader dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 24rem;
  height: 6rem;
  border: 2px solid #666;
  border-radius: 6px;
  text-align: center;
  line-height: 1
}

.modExampleHeader dt {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 12rem;
  background-color: #666;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700
}

.modExampleHeader dd {
  width: 100%;
  font-size: 2.8rem;
  font-weight: 700
}

@media all and (max-width:768px) {
  .modExampleHeader p {
    margin-top: 12px
  }
}

.modExampleHeader em {
  color: #007c64
}

.modExampleBody {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

@media all and (max-width:768px) {
  .modExampleBody {
    display: block;
    margin-top: 18px
  }
}

.modExampleBody dl {
  width: 560px;
  border: 2px solid #666;
  border-radius: 6px
}

@media all and (max-width:768px) {
  .modExampleBody dl {
    width: 100%
  }
}

.modExampleBody dl+dl {
  margin-left: 80px
}

@media all and (max-width:768px) {
  .modExampleBody dl+dl {
    margin: 60px 0 0;
    position: relative
  }
  .modExampleBody dl+dl:after, .modExampleBody dl+dl:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
    background-color: #666
  }
  .modExampleBody dl+dl:before {
    top: -45px;
    width: 4px;
    height: 30px
  }
  .modExampleBody dl+dl:after {
    top: -32px;
    width: 30px;
    height: 4px
  }
}

.modExampleBody dt {
  padding: 10px 0 12px;
  background-color: #666;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1
}

.modExampleBody dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 24px
}

@media all and (max-width:768px) {
  .modExampleBody dd {
    display: block;
    padding: 20px 12px
  }
}

.modExampleBody dd ul {
  font-size: 1.6rem
}

.modExampleBody dd ul+ul {
  margin-left: 20px
}

@media all and (max-width:768px) {
  .modExampleBody dd ul+ul {
    margin: .5em 0 0
  }
}

.modExampleBody dd li {
  letter-spacing: 0
}

.modExampleBody dd li span {
  font-size: 1.4rem
}

@media all and (min-width:769px) {
  .modExampleBody:after, .modExampleBody:before {
    position: absolute;
    content: '';
    background-color: #666;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
  .modExampleBodySingle:after, .modExampleBodySingle:before{
    display: none ;
  }
  .modExampleBody:before {
    width: 4px;
    height: 40px
  }
  .modExampleBody:after {
    width: 40px;
    height: 4px
  }
}

.modExample+* {
  margin-top: 30px
}

@media all and (max-width:768px) {
  .modExample+* {
    margin-top: 20px
  }
}

.modStepIndex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  background: url(/common/img/module/bg_step_index_01_pc.png) no-repeat
}

@media all and (max-width:768px) {
  .modStepIndex {
    display: block;
    width: 325px;
    height: 267px;
    margin: 15px auto 0;
    padding-top: 4px;
    background: url(/common/img/module/bg_step_index_01_sp.png) no-repeat top center;
    background-size: cover
  }
}

.modStepIndex li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media all and (min-width:769px) {
  .modStepIndex li {
    height: 60px
  }
  .modStepIndex li:nth-child(1) {
    width: 307px
  }
  .modStepIndex li:nth-child(2) {
    width: 305px
  }
  .modStepIndex li:nth-child(3) {
    width: 305px
  }
  .modStepIndex li:nth-child(4) {
    width: 283px
  }
}

@media all and (max-width:768px) {
  .modStepIndex li+li {
    margin-top: 15px
  }
}

.modStepIndex dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 16px
}

@media all and (max-width:768px) {
  .modStepIndex dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
  }
}

.modStepIndex dl dt {
  width: 96px;
  border-right: 1px solid #fff;
  letter-spacing: .05em;
  line-height: 40px;
  text-align: center
}

@media all and (max-width:768px) {
  .modStepIndex dl dt {
    display: inline-block;
    width: auto;
    padding-top: 6px;
    border-right: none;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    line-height: 1.5
  }
}

.modStepIndex dl dd {
  width: 192px;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  text-align: center
}

@media all and (max-width:768px) {
  .modStepIndex dl dd {
    width: 100%;
    margin-top: 4px
  }
}

@media all and (min-width:769px) {
  .modStepIndexWide {
    margin-bottom: 15px;
    background: url(/common/img/module/bg_step_index_02_pc.png) no-repeat
  }
}

@media all and (min-width:769px) {
  .modStepIndexWide li {
    height: 80px
  }
}

.modStep {
  margin-top: 100px;
  overflow: hidden
}

@media all and (max-width:768px) {
  .modStep {
    margin-top: 50px
  }
}

.modStep .ttl02 {
  float: right;
  width: 790px;
  margin-top: 0
}

@media all and (max-width:768px) {
  .modStep .ttl02 {
    float: none;
    width: calc(100% - 30px)
  }
}

.modStep figure {
  float: left;
  width: 380px;
  margin-top: 0
}

@media all and (max-width:768px) {
  .modStep figure {
    width: 100%;
    padding: 0 15px;
    margin-top: 20px
  }
}

.modStep figure+div {
  float: right;
  width: 790px;
  margin-top: 27px;
  font-size: 1.6rem
}

@media all and (max-width:768px) {
  .modStep figure+div {
    width: 100%;
    margin-top: 10px;
    padding: 0 15px;
    font-size: 14px
  }
}

.modStep+* {
  margin-top: 30px
}

@media all and (max-width:768px) {
  .modStep+* {
    margin-top: 15px
  }
}

.modSupport {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.modSupport>figure {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 20px
}

.modSupport>figure img {
  border-radius: 6px
}

@media all and (min-width:769px) {
  .modSupport>div {
    width: 355px
  }
}

.modSupport>div>div+div {
  margin-top: 12px
}

.modSupport>div>div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media all and (max-width:768px) {
  .modSupport>div>div:first-child>figure {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 140px;
    margin-right: 15px
  }
  .modSupport>div>div:first-child>figure img {
    border-radius: 3px
  }
}

.modSupport .title {
  color: #007c64;
  font-size: 1.8rem;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .02em;
  word-break: break-all
}

@media all and (max-width:768px) {
  .modSupport .title {
    font-size: 16px
  }
}

.modSearch {
  width: 600px;
  margin: 0 auto
}

@media all and (max-width:768px) {
  .modSearch {
    width: calc(100% - 40px)
  }
}

.modSearch>div>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media all and (max-width:768px) {
  .modSearch>div>div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.modSearch>div>div input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 480px;
  height: 4rem;
  padding: 10px;
  margin-right: 20px;
  border-radius: 6px;
  background-color: #e5e5e5
}

@media all and (max-width:768px) {
  .modSearch>div>div input[type=text] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: auto;
    height: 30px;
    padding: 5px;
    margin-right: 10px;
    border-radius: 3px
  }
}

.modSearch>div>div button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  width: 100px;
  height: 4rem;
  padding: 0;
  padding-left: 16px;
  border-radius: 6px;
  background: #007c64 url(/common/img/icon/icon_search_01.svg) no-repeat left 10px center;
  background-size: 20px 20px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1
}

@media all and (max-width:768px) {
  .modSearch>div>div button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 70px;
    height: 30px;
    border-radius: 3px;
    background-size: 15px 15px;
    font-size: 14px
  }
}

@media all and (min-width:769px) {
  .modSearch>div>div button:hover {
    background-color: #005745
  }
}

.modSearch>div>div select {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-width: 15rem;
  height: 4rem;
  padding: 0 30px 0 52px;
  border-radius: 6px;
  background-color: #74b347;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  cursor: pointer;
  line-height: 1
}

@supports (-ms-ime-align:auto) {
  .modSearch>div>div select {
    padding-top: 7px
  }
}

@media all and (max-width:768px) {
  .modSearch>div>div select {
    height: 30px;
    min-width: 120px;
    border-radius: 3px;
    padding: 0 15px 0 38px;
    font-size: 14px
  }
}

.modSearch>div>div+div {
  margin-top: 20px
}

@media all and (max-width:768px) {
  .modSearch>div>div+div {
    margin-top: 15px
  }
}

.modSearchCategory {
  position: relative
}

.modSearchCategory:before {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -10px;
  content: '';
  width: 20px;
  height: 20px;
  background: url(/common/img/icon/icon_all_01.svg) center/cover
}

@media all and (max-width:768px) {
  .modSearchCategory:before {
    width: 16px;
    height: 16px;
    margin-top: -8px
  }
}

.modSearchSort {
  position: relative;
  margin-left: 10px
}

.modSearchSort:before {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -13px;
  content: '';
  width: 26px;
  height: 26px;
  background: url(/common/img/icon/icon_sort_01.svg) center/cover
}

@media all and (max-width:768px) {
  .modSearchSort:before {
    width: 20px;
    height: 20px;
    margin-top: -10px
  }
}

.modSearchCategory:after, .modSearchSort:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 10px;
  margin-top: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #fff transparent transparent transparent
}

.modFoldernet {
  margin-top: 100px
}

@media all and (max-width:768px) {
  .modFoldernet {
    margin-top: 50px
  }
}

.modFoldernet .boxCmnBg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 30px 15px 34px
}

@media all and (max-width:768px) {
  .modFoldernet .boxCmnBg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 15px 15px 20px
  }
}

.modFoldernet .boxCmnBg>div:first-child {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 340px;
  margin-right: 34px
}

@media all and (max-width:768px) {
  .modFoldernet .boxCmnBg>div:first-child {
    width: 100%;
    margin-right: 0;
    margin-top: 20px
  }
}

.modFoldernet .boxCmnBg>div:first-child a {
  padding-left: 6px;
  line-height: 1.3333
}

.modFoldernet .boxCmnBg>div:first-child a i {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  margin-right: 14px;
  background: #fff url(/common/img/icon/icon_folder_01.svg) no-repeat center/cover;
  background-size: 35px 33px
}

.modFoldernet .boxCmnBg>div:first-child a p {
  padding: 5px 0 4px
}

.modFoldernet .title {
  color: #007c64;
  font-size: 1.8rem;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .modFoldernet .title {
    letter-spacing: 0
  }
}

.ua-android .modFoldernet .title {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .modFoldernet .title {
    font-size: 16px;
    letter-spacing: 0
  }
}

.modFoldernet .text {
  margin-top: 10px;
  font-size: 1.6rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (max-width:768px) {
  .modFoldernet .text {
    margin-top: 7px;
    font-size: 14px
  }
}

.modFoldernet .listNote {
  margin-top: 15px
}

@media all and (max-width:768px) {
  .modFoldernet .listNote {
    margin-top: 10px
  }
}

.modFoldernet .listNote li {
  margin-top: 0
}

@media all and (max-width:768px) {
  .modFoldernet .listNote li {
    margin-top: 5px
  }
}

.modPhone .boxCmn {
  display: block;
  padding: 20px 40px 30px
}

@media all and (min-width:769px) {
  .modPhone .boxCmn {
    pointer-events: none
  }
}

@media all and (max-width:768px) {
  .modPhone .boxCmn {
    padding: 13px 15px 15px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
    border-radius: 0;
    border-bottom: 4px solid #007c64
  }
}

@media all and (max-width:768px) and (-ms-high-contrast:none) {
  .modPhone .boxCmn {
    -webkit-box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35)
  }
}

.modPhone .boxCmn2 {
  display: block;
  padding: 20px 40px 30px;
  background-color: #fff;
}

.modPhone .boxCmn2:after {
  content: "";
	display: block;
	clear: both;
}

@media all and (min-width:769px) {
  .modPhone .boxCmn2 {
    pointer-events: none;
    padding: 15px 110px;
    border-radius: 6px;
  }
}

@media all and (max-width:768px) {
  .modPhone .boxCmn2 {
    padding: 13px 15px 15px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
    border-radius: 0;
    border-bottom: 4px solid #007c64
  }
}

@media all and (max-width:768px) and (-ms-high-contrast:none) {
  .modPhone .boxCmn2 {
    -webkit-box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35)
  }
}

.modPhone .boxCmn2 .modPhoneHeader {
  border-bottom: none;
}
@media all and (min-width:769px) {
  .modPhone .boxCmn2 .modPhoneHeader {
    float: left;
    padding: 3px 0 0 0;
  }
}
@media all and (max-width:768px) {
  .modPhone .boxCmn2 .modPhoneHeader {
    float: none;
    padding: 5px 0 0 0;
  }
}

@media all and (min-width:769px) {
  .modPhone .boxCmn2 figure {
    margin: 0;
    float: left;
  }
}
@media all and (max-width:768px) {
  .modPhone .boxCmn2 figure {
    margin: 0 auto;
    padding-top: 5px;
    clear: both;
  }
}

@media all and (min-width:769px) {
  .modPhone .boxCmn2 .txtCmn {
    float: right;
    margin: 0;
    padding-top: 15px;
  }
}
@media all and (max-width:768px) {
  .modPhone .boxCmn2 .txtCmn {
    float: none;
  }
}

.modPhoneHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4px 0 12px;
  border-bottom: 2px solid #f2f2f2
}

@media all and (max-width:768px) {
  .modPhoneHeader {
    padding: 0;
    border-bottom: none
  }
}

.modPhoneHeader i {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  margin-right: 12px
}

@media all and (max-width:768px) {
  .modPhoneHeader i {
    margin-right: 15px
  }
}

.modPhoneHeader .icon_accident01 {
  width: 90px;
  height: 41px
}

@media all and (max-width:768px) {
  .modPhoneHeader .icon_accident01 {
    width: 70px;
    height: 32px
  }
}

.modPhoneHeader .icon_accident02 {
  width: 84px;
  height: 43px
}

@media all and (max-width:768px) {
  .modPhoneHeader .icon_accident02 {
    width: 66px;
    height: 34px
  }
}

.modPhoneTitle {
  color: #c00;
  font-size: 1.6rem;
  font-weight: 700
}

@media all and (max-width:768px) {
  .modPhoneTitle {
    font-size: 1.4rem
  }
}

.modPhone figure {
  margin: 20px auto 0;
  width: 331px
}

@media all and (max-width:768px) {
  .modPhone figure {
    margin-top: 4px;
    width: 250px
  }
}

.modPhone figure+p {
  margin-top: 15px
}
@media all and (min-width:769px) {
  .modPhone .boxCmn2 figure+p{
    font-size: 1.5rem;
  }
}
.modPhone figure+p .note{
  font-size: 1.2rem;
}
@media all and (min-width:769px) {
  .modPhone .boxCmn2 figure+p .note {    
    margin-left: 3em;  
  }
}

@media all and (max-width:768px) {
  .modPhone figure+p {
    margin-top: 12px;
    font-size: 12px
  }
}

.modFax {
  margin-top: 15px
}

.modFax .boxCmn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media all and (max-width:768px) {
  .modFax .boxCmn {
    display: block;
    padding: 20px 15px
  }
}

.modFax figure {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 326px;
  margin-right: 30px
}

@media all and (max-width:768px) {
  .modFax figure {
    width: 244px;
    margin: 0 auto
  }
}

.modFax .txtCmn {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

@media all and (max-width:768px) {
  .modFax .txtCmn {
    margin-top: 10px;
    font-size: 12px;
    text-align: center
  }
}

.modFax .txtCmn .txtNote {
  margin-top: 0
}

@media all and (max-width:768px) {
  .modFax .txtCmn .txtNote {
    display: inline-block
  }
}

.modFax .btnWrap {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 42rem
}

@media all and (max-width:768px) {
  .modFax .btnWrap {
    width: 100%;
    margin-top: 12px
  }
}

@media all and (max-width:768px) {
  .modFax .btnRnd {
    text-align: center
  }
}

@media all and (max-width:768px) {
  .modHotline {
    background: url(/common/img/bg_pattern_03.png);
    padding: 15px;
    border-radius: 6px
  }
}

@media all and (max-width:768px) {
  .modHotline .boxCmnBg {
    padding: 0;
    background: 0 0
  }
}

.modHotline>div:last-child {
  margin-top: 26px;
  padding: 0 20px
}

@media all and (max-width:768px) {
  .modHotline>div:last-child {
    margin-top: 0;
    padding: 0
  }
}

.modHotline>div:last-child p {
  font-size: 1.6rem
}

@media all and (max-width:768px) {
  .modHotline>div:last-child p {
    margin-top: 10px;
    font-size: 14px
  }
}

.modHotline>div:last-child .listDefinition {
  margin-top: 8px;
  font-size: 1.2rem
}

.modHotline>div:last-child .listNote {
  margin-top: 6px
}

.modHotline .boxCmn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 51px 0 42px
}

@media all and (max-width:768px) {
  .modHotline .boxCmn {
    display: block;
    padding: 0;
    background: 0 0
  }
}

.modHotline .boxCmn figure {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 189px;
  margin-right: 30px;
  padding: 9px 0
}

@media all and (max-width:768px) {
  .modHotline .boxCmn figure {
    width: 177px;
    margin: 0 auto;
    padding: 0
  }
}

.modHotline .boxCmn .text {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 42px;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 3.2rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .025em
}

@media all and (max-width:768px) {
  .modHotline .boxCmn .text {
    font-size: 16px;
    margin: 12px 0 0;
    text-align: center;
    line-height: 21px
  }
}

.modHotline .boxCmn .text:before {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -66px;
  content: '';
  width: 9px;
  height: 132px;
  background: url(/common/img/module/bg_hot_arrow_01.png) no-repeat right center
}

@media all and (max-width:768px) {
  .modHotline .boxCmn .text:before {
    display: none
  }
}

.modHotline .boxCmn .text span {
  color: #007c64
}

.modHotline .boxCmn a {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 302px;
  padding-top: 15px
}

@media all and (max-width:768px) {
  .modHotline .boxCmn a {
    width: 100%;
    margin-top: 12px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
    background: #fff;
    border-bottom: 4px solid #007c64;
    text-align: center
  }
}

@media all and (max-width:768px) and (-ms-high-contrast:none) {
  .modHotline .boxCmn a {
    -webkit-box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35)
  }
}

@media all and (max-width:768px) {
  .modHotline .boxCmn a img {
    width: 238px
  }
}

.modHotline .boxCmn a .txtCmn {
  margin-top: 12px;
  text-align: center
}

@media all and (max-width:768px) {
  .modHotline .boxCmn a .txtCmn {
    margin-top: 8px;
    padding-bottom: 8px;
    font-size: 12px
  }
}

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

@media all and (max-width:768px) {
  .modInquiryCenter .boxCmn {
    display: block;
    padding: 15px 0
  }
}

.modInquiryCenter .boxCmn>div:first-child {
  padding: 12px 36px 0 0;
  text-align: center
}

@media all and (max-width:768px) {
  .modInquiryCenter .boxCmn>div:first-child {
    padding: 0
  }
}

@media all and (max-width:768px) {
  .modInquiryCenter .boxCmn>div:first-child figure {
    width: 244px;
    margin: 5px auto 0
  }
}

.modInquiryCenter .boxCmn>div:last-child {
  font-size: 1.4rem
}

@media all and (max-width:768px) {
  .modInquiryCenter .boxCmn>div:last-child {
    font-size: 12px;
    text-align: center
  }
  .modInquiryCenter .boxCmn>div:last-child .listDefinition {
    margin-top: 8px
  }
  .modInquiryCenter .boxCmn>div:last-child .listDefinition dt {
    float: none;
    padding-top: 0
  }
  .modInquiryCenter .boxCmn>div:last-child .listDefinition dd {
    padding-top: 0
  }
  .modInquiryCenter .boxCmn>div:last-child .txtNote {
    display: inline-block
  }
}

.modFacilities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px 20px
}

@media all and (min-width:769px) {
  .modFacilities {
    margin-top: 30px!important
  }
}

@media all and (max-width:768px) {
  .modFacilities {
    display: block;
    padding: 0 0 10px
  }
}

.modFacilities>div:first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 1.6rem
}

@media all and (max-width:768px) {
  .modFacilities>div:first-child {
    font-size: 14px
  }
}

.modFacilities>div:first-child .listDefinition dt {
  width: 8em;
  text-align: right;
  letter-spacing: 0
}

.modFacilities>div:first-child .btnWrap {
  margin-top: 26px
}

@media all and (max-width:768px) {
  .modFacilities>div:first-child .btnWrap {
    margin-top: 15px
  }
}

.modFacilities>div:first-child .btnRnd {
  text-align: center
}

@media all and (min-width:769px) {
  .modFacilities>div:first-child .btnRnd {
    letter-spacing: .02em
  }
}

@media all and (min-width:769px) and (-ms-high-contrast:none) {
  .modFacilities>div:first-child .btnRnd {
    letter-spacing: 0
  }
}

@media all and (min-width:769px) {
  .ua-android .modFacilities>div:first-child .btnRnd {
    letter-spacing: 0
  }
  .fzL .modFacilities>div:first-child .btnRnd, .fzLL .modFacilities>div:first-child .btnRnd {
    padding: 0 48px 0 20px
  }
}

@media all and (max-width:768px) {
  .modFacilities>div:first-child .btnRnd {
    line-height: 1.5
  }
}

.modFacilities>div:first-child .txtNote {
  margin-top: 0
}

.modFacilities>div:first-child .linkCmn[target="_blank"] {
  display: inline
}

.modFacilities>div:first-child .linkCmn[target="_blank"]:after {
  position: relative;
  top: 0;
  content: '';
  display: inline-block;
  margin-left: 10px;
  width: 12px;
  height: 12px;
  background: url(/common/img/icon/icon_blank_02.png) no-repeat center/contain
}

@media all and (max-width:768px) {
  .modFacilities>div:first-child .linkCmn[target="_blank"]:after {
    margin-left: 7px
  }
}

.modFacilities>div:last-child {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 350px;
  margin-left: 30px
}

@media all and (max-width:768px) {
  .modFacilities>div:last-child {
    width: 100%;
    margin-left: 0;
    margin-top: 20px
  }
}

@media all and (min-width:769px) {
  .modFacilitiesMap {
    position: relative;
    height: 584px;
    background: url(/gokeiyaku/facilities/img/img_map_01_pc.png) no-repeat
  }
  .modFacilitiesMap li {
    position: absolute
  }
  .modFacilitiesMap li:nth-child(1) {
    top: 239px;
    left: 811px
  }
  /* .modFacilitiesMap li:nth-child(2) {
    top: 84px;
    right: 547px
  } */
  .modFacilitiesMap li:nth-child(2) {
    top: 119px;
    right: 632px
  }
  .modFacilitiesMap li:nth-child(3) {
    top: 154px;
    right: 618px
  }
  /* .modFacilitiesMap li:nth-child(4) {
    top: 408px;
    left: 686px
  } */
  .modFacilitiesMap li:nth-child(4) {
    top: 502px;
    left: 535px
  }
  .modFacilitiesMap li:nth-child(5) {
    top: 467px;
    left: 537px
  }
  .modFacilitiesMap li:nth-child(6) {
    top: 200px;
    right: 690px
  }
  .modFacilitiesMap li:nth-child(7) {
    top: 237px;
    right: 776px
  }
  .modFacilitiesMap li:nth-child(8) {
    top: 269px;
    right: 685px
  }
  .modFacilitiesMap li:nth-child(9) {
    top: 318px;
    right: 823px
  }
  .modFacilitiesMap li:nth-child(10) {
    top: 410px;
    right: 827px
  }
}

@media all and (max-width:768px) {
  .modFacilitiesMap ol {
    margin: 15px 5px 5px;
    border-top: 2px solid #918f90
  }
  .modFacilitiesMap li {
    position: relative;
    padding-left: 34px;
    border-bottom: 2px solid #918f90
  }
  .modFacilitiesMap li:before {
    position: absolute;
    top: 11px;
    left: 10px;
    content: '';
    width: 15px;
    height: 19px;
    background: center/cover
  }
  .modFacilitiesMap li:nth-child(1):before {
    background-image: url(/gokeiyaku/facilities/img/icon_pin_01.png)
  }
  .modFacilitiesMap li:nth-child(2):before {
    background-image: url(/gokeiyaku/facilities/img/icon_pin_02.png)
  }
  .modFacilitiesMap li:nth-child(3):before {
    background-image: url(/gokeiyaku/facilities/img/icon_pin_03.png)
  }
  .modFacilitiesMap li:nth-child(4):before {
    background-image: url(/gokeiyaku/facilities/img/icon_pin_04.png)
  }
  .modFacilitiesMap li:nth-child(5):before {
    background-image: url(/gokeiyaku/facilities/img/icon_pin_05.png)
  }
  .modFacilitiesMap li:nth-child(6):before {
    background-image: url(/gokeiyaku/facilities/img/icon_pin_06.png)
  }
  .modFacilitiesMap li:nth-child(7):before {
    background-image: url(/gokeiyaku/facilities/img/icon_pin_07.png)
  }
  .modFacilitiesMap li:nth-child(8):before {
    background-image: url(/gokeiyaku/facilities/img/icon_pin_08.png)
  }
  .modFacilitiesMap li:nth-child(9):before {
    background-image: url(/gokeiyaku/facilities/img/icon_pin_09.png)
  }
  .modFacilitiesMap li:nth-child(10):before {
    background-image: url(/gokeiyaku/facilities/img/icon_pin_10.png)
  }
  .modFacilitiesMap li:nth-child(11):before {
    background-image: url(/gokeiyaku/facilities/img/icon_pin_11.png)
  }
  .modFacilitiesMap li:nth-child(12):before {
    background-image: url(/gokeiyaku/facilities/img/icon_pin_12.png)
  }
  .modFacilitiesMap a {
    position: relative;
    display: block;
    padding: 11px 0;
    color: #000;
    font-weight: 700;
    text-decoration: none
  }
  .modFacilitiesMap a:before {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
    content: '';
    width: 10px;
    height: 10px;
    background: url(/common/img/icon/icon_arrow_r_02.png) no-repeat center/cover
  }
}

.navBreadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 15px
}

@media all and (max-width:768px) {
  .navBreadcrumb {
    padding: 0 15px;
    margin-bottom: -5px
  }
}

.navBreadcrumb li {
  position: relative;
  padding-right: 30px;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .025em
}

@media all and (-ms-high-contrast:none) {
  .navBreadcrumb li {
    letter-spacing: 0
  }
}

.ua-android .navBreadcrumb li {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .navBreadcrumb li {
    padding-right: 25px;
    margin-bottom: 5px;
    font-size: 12px
  }
}

.navBreadcrumb li:before {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -5px;
  content: '';
  width: 6px;
  height: 10px;
  background: url(/common/img/icon/icon_arrow_r_04.png)
}

@media all and (max-width:768px) {
  .navBreadcrumb li:before {
    right: 10px;
    width: 5px;
    height: 9px;
    background: url(/common/img/icon/icon_arrow_r_05.png) center/cover
  }
}

.navBreadcrumb li:last-child {
  padding-right: 0
}

.navBreadcrumb li:last-child:before {
  display: none
}

.navBreadcrumb li a {
  color: #007c64;
  text-decoration: underline
}

@media all and (min-width:769px) {
  .navBreadcrumb li a:hover {
    text-decoration: none
  }
}

.navBreadcrumb+* {
  margin-top: 60px
}

@media all and (max-width:768px) {
  .navBreadcrumb+* {
    margin-top: 40px
  }
}

.navPagination {
  margin-top: 30px
}

@media all and (max-width:768px) {
  .navPagination {
    margin-top: 20px
  }
}

.navPagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -5px
}

.navPagination li {
  margin: 0 5px
}

.navPagination li a, .navPagination li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1
}

@media all and (max-width:768px) {
  .navPagination li a, .navPagination li span {
    width: 25px;
    height: 25px;
    font-size: 14px
  }
}

.navPagination li a {
  border: 1px solid #007c64;
  color: #007c64
}

@media all and (min-width:769px) {
  .navPagination li a:hover {
    background-color: #cef2ec
  }
}

.navPagination li span {
  background-color: #007c64;
  color: #fff
}

.navPagination li.more {
  width: 2.4rem;
  color: #007c64;
  text-align: center
}

@media all and (max-width:768px) {
  .navPagination li.more {
    width: 25px;
    height: 25px;
    font-size: 14px
  }
}

.navPagination li.next a, .navPagination li.prev a {
  position: relative;
  width: 3.5rem
}

.navPagination li.next a:before, .navPagination li.prev a:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -3px;
  content: '';
  width: 6px;
  height: 10px;
  background: url(/common/img/icon/icon_arrow_r_04.png)
}

@media all and (max-width:768px) {
  .navPagination li.next a:before, .navPagination li.prev a:before {
    background: url(/common/img/icon/icon_arrow_r_05.png) center/cover
  }
}

.navPagination li.prev a:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.navPagination p {
  margin-top: 10px;
  color: #007c64;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .navPagination p {
    letter-spacing: 0
  }
}

.ua-android .navPagination p {
  letter-spacing: 0
}

.sec-cmn {
  overflow: hidden;
  padding: 30px 30px 30px;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35)
}

@media all and (-ms-high-contrast:none) {
  .sec-cmn {
    -webkit-box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35)
  }
}

@media all and (max-width:768px) {
  .sec-cmn {
    padding: 15px 15px 15px;
    border-radius: 4px
  }
}

.sec-cmn {
  margin-top: 30px
}

.mod-google_map:not(.is-ready):first-child+.sec-cmn {
  margin-top: 0
}

.sec-cmn:first-child {
  margin-top: 0
}

@media all and (max-width:768px) {
  .sec-cmn {
    margin-top: 15px
  }
}

.sec-basic {
  margin-top: 30px
}

.sec-cmn .sec-basic+.sec-basic {
  margin-top: 40px
}

.txt-cmn+.sec-basic, .txt-note+.sec-basic {
  margin-top: 50px
}

.ttl-cmn-dots+.sec-basic {
  margin-top: 50px
}

.sec-basic:first-child {
  margin-top: 0
}

@media all and (max-width:768px) {
  .sec-basic {
    margin-top: 15px
  }
  .sec-cmn .sec-basic+.sec-basic {
    margin-top: 40px
  }
  .txt-cmn+.sec-basic, .txt-note+.sec-basic {
    margin-top: 20px
  }
  .ttl-cmn-dots+.sec-basic {
    margin-top: 24px
  }
}

.sec-main {
  margin-top: 30px
}

.sec-main:first-child {
  margin-top: 0
}

@media all and (max-width:768px) {
  .sec-main {
    margin-top: 15px
  }
}

.sec-campaign {
  margin-top: 30px
}

@media all and (max-width:768px) {
  .sec-campaign .ttl-cmn-02+* {
    margin-top: 20px
  }
}

.modCarousel, .slider {
  display: none
}

.modCarousel.slick-initialized, .slider.slick-initialized {
  display: block
}

.modCarouselWrap, .sliderWrap {
  padding-bottom: 20px;
  min-height: 480px

}

.modCarousel .slick-slide a img, .slider .slick-slide a img {
  display: block;
  margin: 0 auto
}

.modCarousel .slick-dots, .slider .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px
}

.modCarousel .slick-dots li, .slider .slick-dots li {
  margin: 0 10px;
  line-height: 1rem
}

@media all and (max-width:768px) {
  .modCarousel .slick-dots li, .slider .slick-dots li {
    margin: 0 7.5px
  }
}

.modCarousel .slick-dots li button, .slider .slick-dots li button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  padding: 0;
  background-color: #ccc;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  outline: 0;
  text-indent: -9999px;
  overflow: none
}

.modCarousel .slick-dots li.slick-active button, .slider .slick-dots li.slick-active button {
  background-color: #007c64
}

.modCarousel .slick-arrow, .slider .slick-arrow {
  position: absolute;
  top: 150px;
  text-indent: -9999px;
  width: 21px;
  height: 40px;
  overflow: hidden;
  z-index: 1
}

@media all and (min-width:769px) {
  .modCarousel .slick-arrow, .slider .slick-arrow {
    opacity: 1
  }
  .modCarousel .slick-arrow:hover, .slider .slick-arrow:hover {
    opacity: .65
  }
}

@media all and (max-width:768px) {
  .modCarousel .slick-arrow, .slider .slick-arrow {
    display: none!important
  }
}

.modCarousel .slick-prev, .slider .slick-prev {
  left: -50px;
  background: url(/common/img/module/icon_prev_01.png)
}

.modCarousel .slick-next, .slider .slick-next {
  right: -50px;
  background: url(/common/img/module/icon_next_01.png)
}

@media all and (max-width:768px) {
  .modCarouselWrap {
    margin: 0 -10px
  }
}

.sg-title-01 {
  font-size: 30px;
  text-align: center;
  color: #fff;
  background: #464646;
  padding: 24px 0 25px
}

@media all and (max-width:768px) {
  .sg-title-01 {
    font-size: 15px;
    padding: 12px 0 12px
  }
}

.sg-title-02 {
  font-size: 16px;
  text-align: left;
  color: #ccc;
  margin-top: 48px
}

@media all and (max-width:768px) {
  .sg-title-02 {
    font-size: 10px
  }
}

@media all and (max-width:768px) {
  .sg-title-02 {
    margin-top: 24px
  }
}

.sgSection {
  margin-top: 100px
}

.sgSection:first-child {
  margin-top: 0
}

@media all and (max-width:768px) {
  .sgSection {
    margin-top: 50px
  }
}

.sgSectionIn {
  padding: 0 20px
}

@media all and (max-width:768px) {
  .sgSectionIn {
    padding: 0 15px
  }
}

.sgSectionIn+.sgSectionIn {
  margin-top: 30px
}

.sg-preview {
  margin-top: 16px
}

@media all and (max-width:768px) {
  .sg-preview {
    margin-top: 8px
  }
}

.colorTips {
  width: 1200px;
  margin: 80px auto
}

@media all and (max-width:768px) {
  .colorTips {
    width: 100%
  }
}

.colorTips .gridWrap+.gridWrap {
  margin-top: 10px
}

.colorTips [class^=gridCol] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.colorTips .colorTip {
  width: 50px;
  height: 50px;
  margin-right: 10px
}

.colorTips .colorTip+p {
  font-size: 12px
}

.tagName {
  display: inline-block;
  margin-top: 30px;
  padding: 0 1em;
  background: #c00;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 2
}

.modTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px
}

@media all and (max-width:768px) {
  .modTab {
    margin: 0 -10px
  }
}

.modTab li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 10px;
  width: calc(20% - 20px);
  height: 4rem;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  text-align: center;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em;
  line-height: 1;
  cursor: pointer
}

@media all and (-ms-high-contrast:none) {
  .modTab li {
    -webkit-box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35)
  }
}

@media all and (-ms-high-contrast:none) {
  .modTab li {
    letter-spacing: 0
  }
}

.ua-android .modTab li {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .modTab li {
    margin: 0 2.5px;
    width: calc(20% - 5px);
    height: 30px;
    font-size: 12px
  }
}

@media all and (min-width:769px) {
  .modTab li:hover {
    background-color: #cef2ec
  }
}

.modTab li.isActive {
  background-color: #007c64;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  cursor: default
}

.modTabTop {
  border-bottom: 4px solid #007c64
}

.modTabTop li {
  border-radius: 6px 6px 0 0
}

.modTabBottom {
  border-top: 4px solid #007c64
}

.modTabBottom li {
  border-radius: 0 0 6px 6px
}

.tableBasic {
  width: calc(100% + 4px);
  margin: 0 -2px;
  border-collapse: separate;
  border-spacing: 2px 2px;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .tableBasic {
    letter-spacing: 0
  }
}

.ua-android .tableBasic {
  letter-spacing: 0
}

.tableBasic thead th {
  padding: 10px 10px 9px;
  background-color: #666;
  color: #fff;
  font-weight: 400;
  text-align: center;
  vertical-align: middle
}

@media all and (max-width:768px) {
  .tableBasic thead th {
    font-size: 12px;
    white-space: nowrap
  }
}

.tableBasic tbody th {
  padding: 21px 20px;
  background-color: #cceba4;
  font-weight: 400;
  text-align: center;
  vertical-align: middle
}

@media all and (max-width:768px) {
  .tableBasic tbody th {
    padding: 8px;
    font-size: 12px;
    white-space: nowrap
  }
}

.tableBasic tbody td {
  height: 60px;
  padding: 10px 20px;
  background-color: #fff;
  font-size: 1.6rem
}

@media all and (max-width:768px) {
  .tableBasic tbody td {
    padding: 10px;
    font-size: 12px
  }
}

.tableBasic tbody td>*+* {
  margin-top: 1.5em
}

.tableBasic em {
  color: #f24981;
  font-weight: 700
}

.tableBasic .amount {
  padding-left: 6px;
  font-weight: 700
}

@media all and (max-width:768px) {
  .tableBasic .amount {
    padding-left: 0
  }
}

.tableBasic .amount span {
  font-size: 2.4rem
}

@media all and (max-width:768px) {
  .tableBasic .amount span {
    font-size: 16px
  }
}

.tableBasic .male {
  color: #2996cc;
  font-weight: 700
}

.tableBasic .female {
  color: #f24981;
  font-weight: 700
}

@media all and (min-width:769px) {
  .tableBasicFirstColw20 thead th:first-child {
    width: 20%
  }
}

@media all and (max-width:528px) {
  .tableWrap {
    width: 100%;
    margin-bottom: 45px
  }
  .tableWrap .viewport {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
  }
  .tableWrap .overview {
    width: 480px;
    position: absolute
  }
  .tableWrap .scrollbar {
    position: relative;
    width: 100%;
    margin: 0 auto 15px;
    height: 30px;
    background-color: #dadada
  }
  .tableWrap .scrollbar:after, .tableWrap .scrollbar:before {
    position: absolute;
    top: 0;
    content: '';
    width: 30px;
    height: 30px;
    z-index: 9
  }
  .tableWrap .scrollbar:before {
    left: 0;
    background: url(/common/img/module/bg_scrollbar_left_01.png) center/cover
  }
  .tableWrap .scrollbar:after {
    right: 0;
    background: url(/common/img/module/bg_scrollbar_right_01.png) center/cover
  }
  .tableWrap .thumb {
    background-color: #007c64;
    width: 20px;
    height: 30px;
    cursor: pointer;
    overflow: hidden;
    position: absolute
  }
  .tableWrap table {
    width: 480px;
    margin-bottom: 15px
  }
}

.tableWrap+.listCmn {
  margin-top: 20px
}

.txtCmn {
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .03em
}

@media all and (-ms-high-contrast:none) {
  .txtCmn {
    letter-spacing: 0
  }
}

.ua-android .txtCmn {
  letter-spacing: 0
}

.txtCmn+figure {
  margin-top: 10px
}

.txtCmn em {
  color: #007c64
}

.txtCmnLead {
  padding: 0 20px;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .txtCmnLead {
    letter-spacing: 0
  }
}

.ua-android .txtCmnLead {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .txtCmnLead {
    padding: 0 5px;
    letter-spacing: .03em
  }
}

@media all and (max-width:768px) and (-ms-high-contrast:none) {
  .txtCmnLead {
    letter-spacing: 0
  }
}

@media all and (max-width:768px) {
  .ua-android .txtCmnLead {
    letter-spacing: 0
  }
}

@media all and (max-width:768px) {
  .ttl02+.txtCmnLead {
    padding: 0 20px
  }
}

.ttl03+.txtCmnLead {
  margin-top: 20px
}

.txtCmnLead+.gridWrap {
  margin-top: 20px
}

.txtCmnLead+.boxCmn {
  margin-top: 20px
}

.gridCol6 .txtCmnLead {
  padding: 0 15px
}

.contentsHeader .txtCmnLead {
  font-size: 1.6rem
}

@media all and (max-width:768px) {
  .contentsHeader .txtCmnLead {
    padding: 0 15px;
    font-size: 14px
  }
}

.txtCmnLeadFaq {
  font-size: 1.6rem
}

@media all and (min-width:769px) {
  .txtCmnLeadFaq {
    letter-spacing: .09em
  }
}

@media all and (-ms-high-contrast:none) {
  .txtCmnLeadFaq {
    letter-spacing: 0
  }
}

.ua-android .txtCmnLeadFaq {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .txtCmnLeadFaq {
    font-size: 14px
  }
}

@media all and (min-width:769px) {
  .txtCmnLeadFaq+.listNoteWrap {
    padding-top: 20px
  }
}

.txtCatch {
  color: #007c64;
  font-size: 2.8rem;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .025em
}

@media all and (-ms-high-contrast:none) {
  .txtCatch {
    letter-spacing: 0
  }
}

.ua-android .txtCatch {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .txtCatch {
    font-size: 24px;
    letter-spacing: 0
  }
}

.txtDescription {
  margin-top: 15px;
  font-size: 1.6rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .025em;
  line-height: 2
}

@media all and (-ms-high-contrast:none) {
  .txtDescription {
    letter-spacing: 0
  }
}

.ua-android .txtDescription {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .txtDescription {
    font-size: 14px;
    line-height: 1.5
  }
}

.txtAlignLeft {
  text-align: left!important
}

.txtAlignCenter {
  text-align: center!important
}

.txtAlignRight {
  text-align: right!important
}

@media all and (max-width:768px) {
  .txtAlignLeftSp {
    text-align: left!important
  }
}

@media all and (max-width:768px) {
  .txtAlignCenterSp {
    text-align: center!important
  }
}

@media all and (max-width:768px) {
  .txtAlignRightSp {
    text-align: right!important
  }
}

@media all and (min-width:769px) {
  .txtAlignLeftPc {
    text-align: left!important
  }
}

@media all and (min-width:769px) {
  .txtAlignCenterPc {
    text-align: center!important
  }
}

@media all and (min-width:769px) {
  .txtAlignRightPc {
    text-align: right!important
  }
}


/*20190116 protoadd*/

.txtDarkGray {
  color: #666 !important;
}

.txtGray {
  color: #b0b0b0 !important;
}

.txtRed {
  color: #cc0000 !important;
}

.txtValignTop {
  vertical-align: top!important
}

.txtValignMiddle {
  vertical-align: middle!important
}

.txtValignBottom {
  vertical-align: bottom!important
}

.txtDate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem!important;
  line-height: 2rem
}

@media all and (max-width:768px) {
  .txtDate {
    line-height: 18px
  }
}

.txtDate span {
  width: 5rem;
  height: 2rem;
  padding: .4rem 0 0 .6rem;
  margin-right: 10px;
  border-radius: 1rem;
  background-color: #999;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: .6rem;
  line-height: 1;
  text-align: center
}

@media all and (max-width:768px) {
  .txtDate span {
    width: 45px;
    height: 18px;
    padding: 4px 0 0 5px;
    margin-right: 7px;
    border-radius: 9px;
    font-size: 10px;
    letter-spacing: 5px
  }
}

.txtDate+* {
  margin-top: 10px
}

.txtNote {
  display: block;
  position: relative;
  margin-top: 3px;
  padding-left: 1em;
  font-size: 1.2rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .txtNote {
    letter-spacing: 0
  }
}

.ua-android .txtNote {
  letter-spacing: 0
}

.txtNote:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '※'
}

.txtNoteInline {
  display: inline;
  margin-top: 0;
  padding-left: 0;
  font-size: 1.2rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .txtNoteInline {
    letter-spacing: 0
  }
}

.ua-android .txtNoteInline {
  letter-spacing: 0
}

.txtNoteInline:before {
  position: relative;
  content: '※'
}

.txtToggle {
  position: relative;
  padding-left: 20px
}

.txtToggle:before {
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
  content: '';
  width: 16px;
  height: 16px;
  border: 2px solid #007c64
}

.txtToggle span {
  position: relative;
  display: inline-block;
  text-decoration: underline;
  color: #007c64;
  cursor: pointer
}

@media all and (min-width:769px) {
  .txtToggle span:hover {
    text-decoration: none
  }
}

.txtToggle span:after, .txtToggle span:before {
  position: absolute;
  top: 10px;
  left: -17px;
  margin-top: -1px;
  width: 10px;
  content: '';
  background-color: #007c64
}

.txtToggle span:before {
  right: 0;
  margin-top: -1px;
  width: 10px;
  height: 2px
}

.txtToggle span:after {
  right: 5px;
  width: 2px;
  left: -13px;
  margin-top: -5px;
  height: 10px
}

.txtToggle.isOpen span:after {
  display: none
}

.txtToggle+div {
  padding: 10px 0
}

.txtToggle+div .title {
  font-size: 1.6rem;
  font-weight: 700
}

.txtToggle+div .listDot {
  margin-top: .5em
}

.txtToggle+div .listNote {
  margin-top: 10px
}

.txtToggle+div .listNote+.title {
  margin-top: 15px
}

.txtToggle+div .txtCmn+.title {
  margin-top: 10px
}

.complianceNumber {
  margin-top: 30px;
  color: #505050;
  font-size: 1.2rem;
  text-align: right
}

.ttl01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background: url(/common/img/bg_pattern_01.png)
}

@media all and (max-width:768px) {
  .ttl01 {
    height: auto
  }
}

.ttl01In {
  width: 1200px;
  margin: 0 auto;
  padding: 36px 0 35px;
  color: #fff;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em;
  vertical-align: middle
}

@media all and (-ms-high-contrast:none) {
  .ttl01In {
    letter-spacing: 0
  }
}

.ua-android .ttl01In {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .ttl01In {
    width: 100%;
    padding: 25px 25px 24px
  }
}

.ttl01 h1 {
  font-size: 2.8rem;
  font-weight: 700
}

@media all and (max-width:768px) {
  .ttl01 h1 {
    font-size: 24px
  }
}

.ttl01 p {
  margin-top: 14px;
  padding-bottom: 5px;
  font-size: 1.6rem
}

@media all and (max-width:768px) {
  .ttl01 p {
    font-size: 14px
  }
}

.ttl01 p span {
  font-size: 1.2rem
}

.ttl01 rt {
  font-size: 1.2rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna'
}

.ttl01 rb {
  display: inline-block
}

.ttl01Wide {
  height: 180px
}

@media all and (max-width:768px) {
  .ttl01Wide {
    height: 105px
  }
}

@media all and (max-width:768px) {
  .ttl01Wide h1 {
    line-height: 30px
  }
}

.ttl01Bg {
  height: 340px;
  background: url(https://placehold.jp/1400x340.png) center/cover;
  text-align: center
}

@media all and (max-width:768px) {
  .ttl01Bg {
    height: 240px
  }
}

.ttl01Bg h1 {
  padding-bottom: 28px;
  position: relative
}

@media all and (max-width:768px) {
  .ttl01Bg h1 {
    padding-bottom: 15px
  }
}

.ttl01Bg h1:before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 4px;
  background-color: #fff
}

.ttl01Bg p {
  margin-top: 22px;
  line-height: 2
}

@media all and (max-width:768px) {
  .ttl01Bg p {
    margin-top: 15px;
    line-height: 1.5
  }
}

.ttl01Img .ttl01In.onlyPc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.ttl01Img .ttl01In.onlyPc figure {
  width: 100px;
  height: 100px;
  margin-right: 30px
}

.ttl01Img .ttl01In.onlyPc figure img {
  border-radius: 6px
}

.ttl01Img .ttl01In.onlyPc span {
  display: block
}

.ttl01Img .ttl01In.onlySp>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.ttl01Img .ttl01In.onlySp>div figure {
  width: 90px;
  height: 90px;
  margin-right: 24px
}

.ttl01Img .ttl01In.onlySp>div figure img {
  border-radius: 3px
}

.ttl02 {
  margin-top: 100px;
  padding-bottom: 16px;
  border-bottom: 4px solid #007c64
}

@media all and (max-width:768px) {
  .ttl02 {
    margin: 50px 15px 0;
    padding-bottom: 12px
  }
}

.ttl02+* {
  margin-top: 30px
}

@media all and (max-width:768px) {
  .ttl02+* {
    margin-top: 20px
  }
}

.ttl02In {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.ttl02In .ttl02Main {
  color: #007c64;
  font-size: 2.8rem;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .025em;
  line-height: 1
}

@media all and (-ms-high-contrast:none) {
  .ttl02In .ttl02Main {
    letter-spacing: 0
  }
}

.ua-android .ttl02In .ttl02Main {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .ttl02In .ttl02Main {
    font-size: 24px;
    line-height: 29px
  }
}

.ttl02In .ttl02Main a {
  position: relative;
  padding-right: 34px;
  color: inherit
}

@media all and (max-width:768px) {
  .ttl02In .ttl02Main a {
    padding-right: 27px
  }
}

.ttl02In .ttl02Main a:before {
  position: absolute;
  content: '';
  top: 50%;
  right: 0;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background: #007c64 url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover;
  background-size: 10px 10px
}

@media all and (min-width:769px) {
  .ttl02In .ttl02Main a:hover {
    color: #004d3d
  }
  .ttl02In .ttl02Main a:hover:before {
    background-color: #004d3d
  }
}

.ttl02In p {
  position: relative;
  width: 14rem;
  height: 3rem;
  margin-left: 16px;
  background: #007c64;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .1em;
  font-weight: 700
}

@media all and (-ms-high-contrast:none) {
  .ttl02In p {
    letter-spacing: 0
  }
}

.ua-android .ttl02In p {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .ttl02In p {
    width: 18px;
    height: 18px;
    margin-left: 9px;
    border-radius: 9px;
    background: 0 0
  }
}

.ttl02In p a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 3rem;
  padding-right: 25px;
  color: #fff
}

@media all and (min-width:769px) {
  .ttl02In p a:hover {
    background-color: #005745
  }
}

@media all and (max-width:768px) {
  .ttl02In p a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 9px;
    background: #007c64 url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover;
    background-size: 10px 10px;
    text-indent: -9999px
  }
}

.ttl02In p a:before {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -9px;
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background: #fff url(/common/img/icon/icon_arrow_r_02.png) no-repeat center/cover;
  background-size: 10px 10px
}

@media all and (max-width:768px) {
  .ttl02In p a:before {
    display: none
  }
}

.ttl02>p {
  margin-top: 12px;
  font-size: 1.6rem;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

.ttl02>p _::-webkit-full-page-media, .ttl02>p _:future, :root .ttl02>p {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  letter-spacing: 0
}

@media all and (-ms-high-contrast:none) {
  .ttl02>p {
    letter-spacing: 0
  }
}

.ua-android .ttl02>p {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .ttl02>p {
    font-size: 14px
  }
}

.ttl02.jsToggle {
  position: relative
}

.ttl02.jsToggle .ttl02Main {
  padding-right: 1em
}

@media all and (max-width:768px) {
  .ttl02.jsToggle .ttl02Main {
    padding-right: 24px
  }
}

.ttl02.jsToggle:before {
  position: absolute;
  content: '';
  top: 12px;
  right: 7px;
  width: 26px;
  height: 2px;
  background-color: #007c64
}

@media all and (max-width:768px) {
  .ttl02.jsToggle:before {
    top: auto;
    margin-top: 0;
    bottom: 24px;
    right: 0;
    width: 18px;
    height: 2px
  }
}

.ttl02.jsToggle:after {
  position: absolute;
  content: '';
  top: 0;
  right: 19px;
  width: 2px;
  height: 26px;
  background-color: #007c64
}

@media all and (max-width:768px) {
  .ttl02.jsToggle:after {
    top: auto;
    margin-top: 0;
    bottom: 16px;
    right: 8px;
    width: 2px;
    height: 18px
  }
}

.ttl02.jsToggle.isOpen:after {
  display: none
}

.ttl02First {
  margin-top: 64px
}

@media all and (max-width:768px) {
  .ttl02First {
    margin-top: 45px
  }
}

.ttl02+.ttl02 {
  margin-top: 40px
}

.ttl03 {
  margin-top: 40px;
  border-radius: 6px;
  background-color: #74b347
}

.boxCmnBg .ttl03:first-child {
  margin-top: 0
}

.ttl03In .ttl03Main {
  padding: 7px 20px 6px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .ttl03In .ttl03Main {
    letter-spacing: 0
  }
}

.ua-android .ttl03In .ttl03Main {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .ttl03In .ttl03Main {
    padding: 8px 16px;
    font-size: 16px
  }
}

.ttl03In a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px 35px 6px 20px;
  border-radius: 6px;
  color: inherit
}

@media all and (max-width:768px) {
  .ttl03In a {
    padding: 9px 35px 7px 15px
  }
}

@media all and (min-width:769px) {
  .ttl03In a:hover {
    background-color: #5b992e
  }
}

.ttl03In a:before {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #fff url(/common/img/icon/icon_arrow_r_03.png) no-repeat center/cover;
  background-size: 10px 10px
}

.ttl03In a[target="_blank"]:before {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 0;
  background: url(/common/img/icon/icon_blank_04.png) no-repeat center !important;
  background-color: none !important;
  background-size: 10px 10px;
}

.ttl03In a .ttl03Main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0
}

.ttl03In a span {
  color: #fff;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .1em
}

@media all and (-ms-high-contrast:none) {
  .ttl03In a span {
    letter-spacing: 0
  }
}

.ua-android .ttl03In a span {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .ttl03In a span {
    display: none
  }
}

.ttl03>p {
  margin-top: -.25em;
  padding: 2px 20px 13px;
  color: #fff;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .ttl03>p {
    letter-spacing: 0
  }
}

.ua-android .ttl03>p {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .ttl03>p {
    padding: 2px 15px 12px
  }
}

.ttl03Sub .ttl03Main {
  padding-top: 12px
}

@media all and (max-width:768px) {
  .ttl03Sub .ttl03Main {
    padding-top: 14px
  }
}

.ttl03.jsToggle {
  position: relative
}

.ttl03.jsToggle:before {
  position: absolute;
  content: '';
  top: 50%;
  right: 10px;
  margin-top: -1px;
  width: 20px;
  height: 2px;
  background-color: #fff
}

@media all and (max-width:768px) {
  .ttl03.jsToggle:before {
    width: 18px
  }
}

.ttl03.jsToggle:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 19px;
  margin-top: -10px;
  width: 2px;
  height: 20px;
  background-color: #fff
}

@media all and (max-width:768px) {
  .ttl03.jsToggle:after {
    margin-top: -9px;
    height: 18px;
    right: 18px
  }
}

.ttl03.jsToggle.isOpen:after {
  display: none
}

.ttl03+* {
  margin-top: 20px
}

@media all and (max-width:768px) {
  .ttl03+* {
    margin-top: 15px
  }
}

.ttl03Phone {
  background-color: #b27d47
}

.ttl04 {
  position: relative;
  border-radius: 6px;
  background-color: #cceba4
}

.ttl04Main {
  padding: 8px 20px;
  font-size: 1.6rem;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .06em
}

@media all and (-ms-high-contrast:none) {
  .ttl04Main {
    letter-spacing: 0
  }
}

.ua-android .ttl04Main {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .ttl04Main {
    padding: 8px 16px;
    font-size: 14px
  }
}

.ttl04 a {
  display: block;
  padding: 8px 34px 8px 14px;
  color: inherit
}

.ttl04 a:before {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #74b347 url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover;
  background-size: 10px 10px
}

.ttl04 a[target="_blank"]:before {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 0;
  background: url(/common/img/icon/icon_blank_05.png) no-repeat center !important;
  background-color: none !important;
  background-size: 10px 10px;
}

.ttl04 a .ttl04Main {
  padding: 0
}

.ttl04.jsToggle {
  position: relative
}

.ttl04.jsToggle:before {
  position: absolute;
  content: '';
  top: 50%;
  right: 10px;
  margin-top: -1px;
  width: 20px;
  height: 2px;
  background-color: #74b347
}

@media all and (max-width:768px) {
  .ttl04.jsToggle:before {
    width: 18px
  }
}

.ttl04.jsToggle:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 19px;
  margin-top: -10px;
  width: 2px;
  height: 20px;
  background-color: #74b347
}

@media all and (max-width:768px) {
  .ttl04.jsToggle:after {
    margin-top: -9px;
    height: 18px;
    right: 18px
  }
}

.ttl04.jsToggle.isOpen:after {
  display: none
}

.ttl04+* {
  margin-top: 15px
}

.ttl04+.ttl04 {
  margin-top: 40px
}

.ttl05 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 4px solid #007c64;
  padding: 3px 14px
}

@media all and (max-width:768px) {
  .ttl05 {
    padding: 2px 13px
  }
}

@media all and (max-width:768px) {
	#agreementPerson .tableBasic thead th,
	#agreementHome .tableBasic thead th,
	#agreementCar .tableBasic thead th{
		font-size: 11px;
		padding: 10px 5px 9px;

	}
}


.ttl05Main {
  font-size: 1.6rem;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .06em
}

@media all and (-ms-high-contrast:none) {
  .ttl05Main {
    letter-spacing: 0
  }
}

.ua-android .ttl05Main {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .ttl05Main {
    font-size: 14px
  }
}

.ttl05Main a {
  position: relative;
  padding-right: 28px;
  color: inherit
}

@media all and (min-width:769px) {
  .ttl05Main a {
    text-decoration: none
  }
  .ttl05Main a:hover {
    text-decoration: underline
  }
}

@media all and (max-width:768px) {
  .ttl05Main a {
    padding-right: 30px
  }
}

.ttl05Main a:before {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #007c64 url(/common/img/icon/icon_arrow_r_01.png) no-repeat center/cover;
  background-size: 10px 10px
}

@media all and (min-width:769px) {
  .ttl05Main a:hover:before {
    background-color: #005745
  }
}

.ttl05+.ttl05 {
  margin-top: 40px
}

.ttl05+* {
  margin-top: 20px
}

.ttl06 {
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .8rem 1.8rem .6rem;
  border-radius: 1.5rem;
  background-color: #cceba4;
  font-size: 1.6rem;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .04em;
  line-height: 1
}

@media all and (-ms-high-contrast:none) {
  .ttl06 {
    letter-spacing: 0
  }
}

.ua-android .ttl06 {
  letter-spacing: 0
}

.ttl06+* {
  margin-top: 15px
}

.ttl06G {
  padding: 1rem 3.2rem .8rem;
  border-radius: 1.7rem;
  background-color: #007c64;
  color: #fff
}

.ttl07 {
  color: #007c64;
  font-size: 1.8rem;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .025em
}

@media all and (max-width:768px) {
  .ttl07 {
    font-size: 16px
  }
}

.ttl07+* {
  margin-top: 10px
}

.jsToggle {
  cursor: pointer
}

.jsToggleContents {
  padding: 0 20px
}

@media all and (max-width:768px) {
  .jsToggleContents {
    padding: 0 15px
  }
}

@media all and (min-width:769px) {
  .jsToggleContentsFaq {
    font-size: 1.6rem
  }
}

.jsToggleContentsFaq .ttl03 {
  margin-top: 30px
}

.jsToggleContentsFaq .boxCmnBg {
  margin: 30px 0
}

@media all and (max-width:768px) {
  .jsToggleContentsFaq .boxCmnBg {
    margin: 15px -15px
  }
}

.jsToggleContentsFaq thead th {
  font-size: 1.4rem
}

@media all and (max-width:768px) {
  .jsToggleContentsFaq thead th {
    padding: 10px 5px 9px;
    font-size: 12px
  }
}

.jsToggleContentsFaq tbody td {
  padding: 18px 20px
}

@media all and (max-width:768px) {
  .jsToggleContentsFaq tbody td {
    padding: 10px;
    font-size: 12px
  }
}

.jsToggle+* {
  display: none
}

.jsToggle.isOpen+* {
  display: block
}

.modToggle {
  margin-top: 30px
}

@media all and (max-width:768px) {
  .modToggle {
    margin-top: 20px
  }
}

.modToggleWrap {
  margin-top: 30px
}

@media all and (max-width:768px) {
  .modToggleWrap {
    margin-top: 20px
  }
}

.modToggleHeader {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 68px;
  padding: 0 50px 0 20px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  font-size: 1.6rem;
  font-weight: 700;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: .05em
}

@media all and (-ms-high-contrast:none) {
  .modToggleHeader {
    -webkit-box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px .5px rgba(0, 0, 0, .35)
  }
}

@media all and (-ms-high-contrast:none) {
  .modToggleHeader {
    letter-spacing: 0
  }
}

.ua-android .modToggleHeader {
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .modToggleHeader {
    margin: 0 15px
  }
}

.modToggleHeader:after, .modToggleHeader:before {
  position: absolute;
  top: 50%;
  content: '';
  background-color: #000
}

.modToggleHeader:before {
  right: 20px;
  margin-top: -1px;
  width: 20px;
  height: 2px
}

.modToggleHeader:after {
  right: 29px;
  margin-top: -10px;
  width: 2px;
  height: 20px
}

.modToggleHeader.isOpen:after {
  display: none
}

.modToggleBody {
  margin-top: 10px
}

@media all and (max-width:768px) {
  .modToggleBody {
    margin-top: 15px
  }
}

.modToggle .boxCmnBg {
  padding: 10px
}

@media all and (max-width:768px) {
  .modToggle .boxCmnBg {
    padding: 15px
  }
}

.modToggle .tableBasic thead th {
  font-weight: 700
}

@media all and (max-width:768px) {
  .modToggle .tableBasic thead th {
    font-weight: 400
  }
}

.modToggle .tableBasic tbody td {
  padding: 12px 10px;
  font-size: 1.4rem;
  text-align: center;
  letter-spacing: 0
}

@media all and (max-width:768px) {
  .modToggle .tableBasic tbody td {
    font-size: 12px;
    padding: 8px 10px
  }
}

.modToggle .tableBasic tbody td:first-child {
  text-align: left
}

.modToggle .tableBasicCol2 tbody td {
  width: 50%;
  padding: 12px 18px
}

.modToggle .icon_pdf {
  display: block;
  margin: 2px auto 0;
  width: 36px;
  height: 20px
}


/*20190116 proto add*/

.modToggle .tableBasic.sideIcon .icon_pdf {
  display: inline-block !important;
  margin-left: 10px !important;
}

@media all and (max-width:768px) {
  .modToggle .icon_pdf {
    width: 25px;
    height: 14px
  }
  /*20190116 proto add*/
  .modToggle .tableBasic.sideIcon .icon_pdf {
    display: block !important;
    margin-left: auto !important;
  }
}

.modToggle .btnWrap {
  margin-top: 10px;
  padding: 0 30px
}

.fzLL .modToggle .btnWrap {
  padding: 0 15px
}

@media all and (max-width:768px) {
  .modToggle .btnWrap {
    margin-top: 15px;
    padding: 0 15px
  }
}

.modToggleEmpty {
  height: 68px
}

@media all and (max-width:768px) {
  .modToggleEmpty {
    display: none
  }
}

.modToggleCat01 {
  border-left: 10px solid #bae08a
}

.modToggleCat02 {
  border-left: 10px solid #ffd400
}

.modToggleCat03 {
  border-left: 10px solid #aca4eb
}

.modToggleCat04 {
  border-left: 10px solid #dea4eb
}

.modToggleCat05 {
  border-left: 10px solid #74b347
}

.modToggleCat06 {
  border-left: 10px solid #b27d47
}

.modToggleCat07 {
  border-left: 10px solid #879fda
}

.modToggleCat08 {
  border-left: 10px solid #38a796
}

.u-left {
  text-align: left!important
}

@media all and (max-width:768px) {
  .u-left-sp {
    text-align: left!important
  }
}

@media all and (min-width:769px) {
  .u-left-pc {
    text-align: left!important
  }
}

@media all and (max-width:528px) {
  .u-left-table {
    text-align: left!important
  }
}

.u-center {
  text-align: center!important
}

@media all and (max-width:768px) {
  .u-center-sp {
    text-align: center!important
  }
}

@media all and (min-width:769px) {
  .u-center-pc {
    text-align: center!important
  }
}

@media all and (max-width:528px) {
  .u-center-table {
    text-align: center!important
  }
}

.u-right {
  text-align: right!important
}

@media all and (max-width:768px) {
  .u-right-sp {
    text-align: right!important
  }
}

@media all and (min-width:769px) {
  .u-right-pc {
    text-align: right!important
  }
}

@media all and (max-width:528px) {
  .u-right-table {
    text-align: right!important
  }
}

.u-bg-cover {
  background-size: cover
}

.u-bg-contain {
  background-size: contain
}

.u-color-main {
  color: #093!important
}

@media all and (max-width:768px) {
  .u-color-main-sp {
    color: #093!important
  }
}

@media all and (min-width:769px) {
  .u-color-main-pc {
    color: #093!important
  }
}

@media all and (max-width:528px) {
  .u-color-main-table {
    color: #093!important
  }
}

.u-color-strong {
  color: #e60021!important
}

@media all and (max-width:768px) {
  .u-color-strong-sp {
    color: #e60021!important
  }
}

@media all and (min-width:769px) {
  .u-color-strong-pc {
    color: #e60021!important
  }
}

@media all and (max-width:528px) {
  .u-color-strong-table {
    color: #e60021!important
  }
}

.disBlock {
  display: block;
}

.disInBlock {
  display: inline-block;
}

.disNone {
  display: none;
}

@media all and (max-width:768px) {
  .onlyPc {
    display: none!important
  }
}

@media all and (min-width:769px) {
  .onlySp {
    display: none!important
  }
}

.onlyAndroid {
  display: none
}

.ua-android .onlyAndroid {
  display: inline!important
}

.u-ffs-palt {
  -webkit-font-feature-settings: 'pkna'!important;
  font-feature-settings: 'pkna'!important
}

.flex {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important
}

@media all and (max-width:768px) {
  .flex-sp {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }
}

@media all and (min-width:769px) {
  .flex-pc {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }
}

@media all and (max-width:528px) {
  .flex-table {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }
}

.flexJcStrech {
  -webkit-box-pack: stretch!important;
  -ms-flex-pack: stretch!important;
  justify-content: stretch!important
}

@media all and (max-width:768px) {
  .flexJcStrech-sp {
    -webkit-box-pack: stretch!important;
    -ms-flex-pack: stretch!important;
    justify-content: stretch!important
  }
}

@media all and (min-width:769px) {
  .flexJcStrech-pc {
    -webkit-box-pack: stretch!important;
    -ms-flex-pack: stretch!important;
    justify-content: stretch!important
  }
}

@media all and (max-width:528px) {
  .flexJcStrech-table {
    -webkit-box-pack: stretch!important;
    -ms-flex-pack: stretch!important;
    justify-content: stretch!important
  }
}

.flexLeft {
  -webkit-box-pack: start!important;
  -ms-flex-pack: start!important;
  justify-content: flex-start!important
}

@media all and (max-width:768px) {
  .flexLeft-sp {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
  }
}

@media all and (min-width:769px) {
  .flexLeft-pc {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
  }
}

@media all and (max-width:528px) {
  .flexLeft-table {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
  }
}

.flexCenter {
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important
}

@media all and (max-width:768px) {
  .flexCenter-sp {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
  }
}

@media all and (min-width:769px) {
  .flexCenter-pc {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
  }
}

@media all and (max-width:528px) {
  .flexCenter-table {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
  }
}

.flexRight {
  -webkit-box-pack: end!important;
  -ms-flex-pack: end!important;
  justify-content: flex-end!important
}

@media all and (max-width:768px) {
  .flexRight-sp {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
  }
}

@media all and (min-width:769px) {
  .flexRight-pc {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
  }
}

@media all and (max-width:528px) {
  .flexRight-table {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
  }
}

.flexBetween {
  -webkit-box-pack: justify!important;
  -ms-flex-pack: justify!important;
  justify-content: space-between!important
}

@media all and (max-width:768px) {
  .flexBetween-sp {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
  }
}

@media all and (min-width:769px) {
  .flexBetween-pc {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
  }
}

@media all and (max-width:528px) {
  .flexBetween-table {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
  }
}

.flexAiStrech {
  -webkit-box-align: stretch!important;
  -ms-flex-align: stretch!important;
  align-items: stretch!important
}

@media all and (max-width:768px) {
  .flexAiStrech-sp {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
  }
}

@media all and (min-width:769px) {
  .flexAiStrech-pc {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
  }
}

@media all and (max-width:528px) {
  .flexAiStrech-table {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
  }
}

.flexTop {
  -webkit-box-align: start!important;
  -ms-flex-align: start!important;
  align-items: flex-start!important
}

@media all and (max-width:768px) {
  .flexTop-sp {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
  }
}

@media all and (min-width:769px) {
  .flexTop-pc {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
  }
}

@media all and (max-width:528px) {
  .flexTop-table {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
  }
}

.flexMiddle {
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important
}

@media all and (max-width:768px) {
  .flexMiddle-sp {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
  }
}

@media all and (min-width:769px) {
  .flexMiddle-pc {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
  }
}

@media all and (max-width:528px) {
  .flexMiddle-table {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
  }
}

.flexBottom {
  -webkit-box-align: end!important;
  -ms-flex-align: end!important;
  align-items: flex-end!important
}

@media all and (max-width:768px) {
  .flexBottom-sp {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
  }
}

@media all and (min-width:769px) {
  .flexBottom-pc {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
  }
}

@media all and (max-width:528px) {
  .flexBottom-table {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
  }
}

.flexCenter .gridCol6 {
  width: auto
}

@media all and (max-width:768px) {
  .flexCenter .gridCol6 {
    width: 100%
  }
}

.flexCenter .gridCol6 .btnWrapCenter {
  margin-top: 0
}

.u-normal {
  font-weight: 700!important
}

@media all and (max-width:768px) {
  .u-normal-sp {
    font-weight: 700!important
  }
}

@media all and (min-width:769px) {
  .u-normal-pc {
    font-weight: 700!important
  }
}

@media all and (max-width:528px) {
  .u-normal-table {
    font-weight: 700!important
  }
}

.u-bold {
  font-weight: 700!important
}

@media all and (max-width:768px) {
  .u-bold-sp {
    font-weight: 700!important
  }
}

@media all and (min-width:769px) {
  .u-bold-pc {
    font-weight: 700!important
  }
}

@media all and (max-width:528px) {
  .u-bold-table {
    font-weight: 700!important
  }
}

@media all and (max-width:768px) {
  .spIn {
    padding: 0 15px
  }
}


/*20190116 proto add*/

.imgService {
  position: relative;
}

.imgService a {
  position: absolute;
  right: 46px;
}

.wrecker_service {
  top: 85px;
}

.road_se {
  top: 174px;
}

.yakan_service {
  top: 327px;
}

.syokitaiou_service {
  top: 415px;
}

.kyujitu_se {
  bottom: 46px;
}

@media all and (max-width:768px) {
  .imgService a {
    position: absolute;
    width: 85%;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .wrecker_service {
    top: 29%;
  }
  .road_se {
    top: 40.3%
  }
  .yakan_service {
    top: 65.2%;
  }
  .syokitaiou_service {
    top: 76.4%
  }
  .kyujitu_se {
    bottom: 2.3%;
  }
}


/*20190116 proto add*/

.imgOrganize {
  position: relative;
}

.imgOrganize a {
  position: absolute;
  top: 87px;
  right: auto;
}

.imgOrganize a:hover {
  opacity: .65;
}

.event_index {
  left: 481px;
}

.event_environment {
  left: 840px;
}

.boxBrder {
  border: 1px dotted #b0b0b0;
}

.youtubeWrap {
  position: relative;
  padding-bottom: 56.25%;
  /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}

.youtubeWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.width100Pc {
  width: 100% !important;
}

.width650pxPc {
  width: 650px !important;
}

.imgHover:hover {
  opacity: .65
}

@media all and (max-width:768px) {
  .imgHover:hover {
    opacity: 1 !important
  }
  .width100Pc {
    width: auto !important;
  }
  .width650pxPc {
    width: auto !important;
  }
  .imgOrganize {
    position: relative;
  }
  .imgOrganize a {
    position: absolute;
    left: auto;
    right: 4.5%;
    width: 80%;
  }
  .event_index {
    top: 53% !important;
  }
  .event_environment {
    top: 80.5% !important;
  }
}

.justifyCenter {
  justify-content: center;
  -webkit-justify-content: center;
}

.txtIndentM {
  text-indent: -0.8em;
  padding-left: 0.8em;
}

@media all and (-ms-high-contrast:none) {
  .txtIndentM {
    text-indent: -1em;
    padding-left: 1em;
  }
}

.txtIndent05em {
  text-indent: -0.5em;
  padding-left: 0.5em;
}

.txtIndent06em {
  text-indent: -0.6em;
  padding-left: 0.6em;
}

.txtIndent07em {
  text-indent: -0.7em;
  padding-left: 0.7em;
}

.txtIndent08em {
  text-indent: -0.8em;
  padding-left: 0.8em;
}

.txtIndent09em {
  text-indent: -0.9em;
  padding-left: 0.9em;
}

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

.txtIndent11em {
  text-indent: -1.1em;
  padding-left: 1.1em;
}

.txtIndent12em {
  text-indent: -1.2em;
  padding-left: 1.2em;
}

.txtIndent13em {
  text-indent: -1.3em;
  padding-left: 1.3em;
}

.txtIndent14em {
  text-indent: -1.4em;
  padding-left: 1.4em;
}

.txtIndent15em {
  text-indent: -1.5em;
  padding-left: 1.5em;
}

.txtIndent16em {
  text-indent: -1.6em;
  padding-left: 1.6em;
}

.txtIndent17em {
  text-indent: -1.7em;
  padding-left: 1.7em;
}

.txtIndent18em {
  text-indent: -1.8em;
  padding-left: 1.8em;
}

.txtIndent19em {
  text-indent: -1.9em;
  padding-left: 1.9em;
}

.txtIndent20em {
  text-indent: -2em;
  padding-left: 2em;
}

.txtIndent21em {
  text-indent: -2.1em;
  padding-left: 2.1em;
}

.txtIndent22em {
  text-indent: -2.2em;
  padding-left: 2.2em;
}

.txtIndent23em {
  text-indent: -2.3em;
  padding-left: 2.3em;
}

.txtIndent24em {
  text-indent: -2.4em;
  padding-left: 2.4em;
}

.txtIndent25em {
  text-indent: -2.5em;
  padding-left: 2.5em;
}

.txtIndent26em {
  text-indent: -2.6em;
  padding-left: 2.6em;
}

.txtIndent27em {
  text-indent: -2.7em;
  padding-left: 2.7em;
}

.txtIndent28em {
  text-indent: -2.8em;
  padding-left: 2.8em;
}

.txtIndent29em {
  text-indent: -2.9em;
  padding-left: 2.9em;
}

.txtIndent30em {
  text-indent: -3em;
  padding-left: 3em;
}

.txtIndent31em {
  text-indent: -3.1em;
  padding-left: 3.1em;
}

.txtIndent32em {
  text-indent: -3.2em;
  padding-left: 3.2em;
}

.txtIndent33em {
  text-indent: -3.3em;
  padding-left: 3.3em;
}

.txtIndent34em {
  text-indent: -3.4em;
  padding-left: 3.4em;
}

.txtIndent35em {
  text-indent: -3.5em;
  padding-left: 3.5em;
}

.txtIndent36em {
  text-indent: -3.6em;
  padding-left: 3.6em;
}

.txtIndent37em {
  text-indent: -3.7em;
  padding-left: 3.7em;
}

.txtIndent38em {
  text-indent: -3.8em;
  padding-left: 3.8em;
}

.txtIndent39em {
  text-indent: -3.9em;
  padding-left: 3.9em;
}

.txtIndent40em {
  text-indent: -4em;
  padding-left: 4em;
}

.txtIndent41em {
  text-indent: -4.1em;
  padding-left: 4.1em;
}

.txtIndent42em {
  text-indent: -4.2em;
  padding-left: 4.2em;
}

.txtIndent43em {
  text-indent: -4.3em;
  padding-left: 4.3em;
}

.txtIndent44em {
  text-indent: -4.4em;
  padding-left: 4.4em;
}

.txtIndent45em {
  text-indent: -4.5em;
  padding-left: 4.5em;
}

.txtIndent46em {
  text-indent: -4.6em;
  padding-left: 4.6em;
}

.txtIndent47em {
  text-indent: -4.7em;
  padding-left: 4.7em;
}

.txtIndent48em {
  text-indent: -4.8em;
  padding-left: 4.8em;
}

.txtIndent49em {
  text-indent: -4.9em;
  padding-left: 4.9em;
}

.txtIndent50em {
  text-indent: -5em;
  padding-left: 5em;
}

.txtIndent51em {
  text-indent: -5.1em;
  padding-left: 5.1em;
}

.txtIndent52em {
  text-indent: -5.2em;
  padding-left: 5.2em;
}

.txtIndent53em {
  text-indent: -5.3em;
  padding-left: 5.3em;
}

.txtIndent54em {
  text-indent: -5.4em;
  padding-left: 5.4em;
}

.txtIndent55em {
  text-indent: -5.5em;
  padding-left: 5.5em;
}

.txtIndent56em {
  text-indent: -5.6em;
  padding-left: 5.6em;
}

.txtIndent57em {
  text-indent: -5.7em;
  padding-left: 5.7em;
}

.txtIndent58em {
  text-indent: -5.8em;
  padding-left: 5.8em;
}

.txtIndent59em {
  text-indent: -5.9em;
  padding-left: 5.9em;
}

.txtIndent60em {
  text-indent: -6em;
  padding-left: 6em;
}

.txtIndent61em {
  text-indent: -6.1em;
  padding-left: 6.1em;
}

.txtIndent62em {
  text-indent: -6.2em;
  padding-left: 6.2em;
}

.txtIndent63em {
  text-indent: -6.3em;
  padding-left: 6.3em;
}

.txtIndent64em {
  text-indent: -6.4em;
  padding-left: 6.4em;
}

.txtIndent65em {
  text-indent: -6.5em;
  padding-left: 6.5em;
}

.txtIndent66em {
  text-indent: -6.6em;
  padding-left: 6.6em;
}

.txtIndent67em {
  text-indent: -6.7em;
  padding-left: 6.7em;
}

.txtIndent68em {
  text-indent: -6.8em;
  padding-left: 6.8em;
}

.txtIndent69em {
  text-indent: -6.9em;
  padding-left: 6.9em;
}

.txtIndent70em {
  text-indent: -7em;
  padding-left: 7em;
}

.txtIndent71em {
  text-indent: -7.1em;
  padding-left: 7.1em;
}

.txtIndent72em {
  text-indent: -7.2em;
  padding-left: 7.2em;
}

.txtIndent73em {
  text-indent: -7.3em;
  padding-left: 7.3em;
}

.txtIndent74em {
  text-indent: -7.4em;
  padding-left: 7.4em;
}

.txtIndent75em {
  text-indent: -7.5em;
  padding-left: 7.5em;
}

.txtIndent76em {
  text-indent: -7.6em;
  padding-left: 7.6em;
}

.txtIndent77em {
  text-indent: -7.7em;
  padding-left: 7.7em;
}

.txtIndent78em {
  text-indent: -7.8em;
  padding-left: 7.8em;
}

.txtIndent79em {
  text-indent: -7.9em;
  padding-left: 7.9em;
}

.txtIndent80em {
  text-indent: -8em;
  padding-left: 8em;
}

.txtIndent81em {
  text-indent: -8.1em;
  padding-left: 8.1em;
}

.txtIndent82em {
  text-indent: -8.2em;
  padding-left: 8.2em;
}

.txtIndent83em {
  text-indent: -8.3em;
  padding-left: 8.3em;
}

.txtIndent84em {
  text-indent: -8.4em;
  padding-left: 8.4em;
}

.txtIndent85em {
  text-indent: -8.5em;
  padding-left: 8.5em;
}

.txtIndent86em {
  text-indent: -8.6em;
  padding-left: 8.6em;
}

.txtIndent87em {
  text-indent: -8.7em;
  padding-left: 8.7em;
}

.txtIndent88em {
  text-indent: -8.8em;
  padding-left: 8.8em;
}

.txtIndent89em {
  text-indent: -8.9em;
  padding-left: 8.9em;
}

.txtIndent90em {
  text-indent: -9em;
  padding-left: 9em;
}

.txtIndent91em {
  text-indent: -9.1em;
  padding-left: 9.1em;
}

.txtIndent92em {
  text-indent: -9.2em;
  padding-left: 9.2em;
}

.txtIndent93em {
  text-indent: -9.3em;
  padding-left: 9.3em;
}

.txtIndent94em {
  text-indent: -9.4em;
  padding-left: 9.4em;
}

.txtIndent95em {
  text-indent: -9.5em;
  padding-left: 9.5em;
}

.txtIndent96em {
  text-indent: -9.6em;
  padding-left: 9.6em;
}

.txtIndent97em {
  text-indent: -9.7em;
  padding-left: 9.7em;
}

.txtIndent98em {
  text-indent: -9.8em;
  padding-left: 9.8em;
}

.txtIndent99em {
  text-indent: -9.9em;
  padding-left: 9.9em;
}

.txtIndent100em {
  text-indent: -10em;
  padding-left: 10em;
}

.font05rem {
  font-size: 0.5rem !important;
}

.font06rem {
  font-size: 0.6rem !important;
}

.font07rem {
  font-size: 0.7rem !important;
}

.font08rem {
  font-size: 0.8rem !important;
}

.font09rem {
  font-size: 0.9rem !important;
}

.font10rem {
  font-size: 1.0rem !important;
}

.font11rem {
  font-size: 1.1rem !important;
}

.font12rem {
  font-size: 1.2rem !important;
}

.font13rem {
  font-size: 1.3rem !important;
}

.font14rem {
  font-size: 1.4rem !important;
}

.font15rem {
  font-size: 1.5rem !important;
}

.font16rem {
  font-size: 1.6rem !important;
}

.font17rem {
  font-size: 1.7rem !important;
}

.font18rem {
  font-size: 1.8rem !important;
}

.font19rem {
  font-size: 1.9rem !important;
}

.font20rem {
  font-size: 2.0rem !important;
}

.font21rem {
  font-size: 2.1rem !important;
}

.font22rem {
  font-size: 2.2rem !important;
}

.font23rem {
  font-size: 2.3rem !important;
}

.font24rem {
  font-size: 2.4rem !important;
}

.font25rem {
  font-size: 2.5rem !important;
}

.font26rem {
  font-size: 2.6rem !important;
}

.font27rem {
  font-size: 2.7rem !important;
}

.font28rem {
  font-size: 2.8rem !important;
}

.font29rem {
  font-size: 2.9rem !important;
}

.font30rem {
  font-size: 3.0rem !important;
}

@media all and (min-width:769px) {
  .font05remPc {
    font-size: 0.5rem !important;
  }
  .font06remPc {
    font-size: 0.6rem !important;
  }
  .font07remPc {
    font-size: 0.7rem !important;
  }
  .font08remPc {
    font-size: 0.8rem !important;
  }
  .font09remPc {
    font-size: 0.9rem !important;
  }
  .font10remPc {
    font-size: 1.0rem !important;
  }
  .font11remPc {
    font-size: 1.1rem !important;
  }
  .font12remPc {
    font-size: 1.2rem !important;
  }
  .font13remPc {
    font-size: 1.3rem !important;
  }
  .font14remPc {
    font-size: 1.4rem !important;
  }
  .font15remPc {
    font-size: 1.5rem !important;
  }
  .font16remPc {
    font-size: 1.6rem !important;
  }
  .font17remPc {
    font-size: 1.7rem !important;
  }
  .font18remPc {
    font-size: 1.8rem !important;
  }
  .font19remPc {
    font-size: 1.9rem !important;
  }
  .font20remPc {
    font-size: 2.0rem !important;
  }
  .font21remPc {
    font-size: 2.1rem !important;
  }
  .font22remPc {
    font-size: 2.2rem !important;
  }
  .font23remPc {
    font-size: 2.3rem !important;
  }
  .font24remPc {
    font-size: 2.4rem !important;
  }
  .font25remPc {
    font-size: 2.5rem !important;
  }
  .font26remPc {
    font-size: 2.6rem !important;
  }
  .font27remPc {
    font-size: 2.7rem !important;
  }
  .font28remPc {
    font-size: 2.8rem !important;
  }
  .font29remPc {
    font-size: 2.9rem !important;
  }
  .font30remPc {
    font-size: 3.0rem !important;
  }
}

@media all and (max-width:768px) {
  .font05remSp {
    font-size: 0.5rem !important;
  }
  .font06remSp {
    font-size: 0.6rem !important;
  }
  .font07remSp {
    font-size: 0.7rem !important;
  }
  .font08remSp {
    font-size: 0.8rem !important;
  }
  .font09remSp {
    font-size: 0.9rem !important;
  }
  .font10remSp {
    font-size: 1.0rem !important;
  }
  .font11remSp {
    font-size: 1.1rem !important;
  }
  .font12remSp {
    font-size: 1.2rem !important;
  }
  .font13remSp {
    font-size: 1.3rem !important;
  }
  .font14remSp {
    font-size: 1.4rem !important;
  }
  .font15remSp {
    font-size: 1.5rem !important;
  }
  .font16remSp {
    font-size: 1.6rem !important;
  }
  .font17remSp {
    font-size: 1.7rem !important;
  }
  .font18remSp {
    font-size: 1.8rem !important;
  }
  .font19remSp {
    font-size: 1.9rem !important;
  }
  .font20remSp {
    font-size: 2.0rem !important;
  }
  .font21remSp {
    font-size: 2.1rem !important;
  }
  .font22remSp {
    font-size: 2.2rem !important;
  }
  .font23remSp {
    font-size: 2.3rem !important;
  }
  .font24remSp {
    font-size: 2.4rem !important;
  }
  .font25remSp {
    font-size: 2.5rem !important;
  }
  .font26remSp {
    font-size: 2.6rem !important;
  }
  .font27remSp {
    font-size: 2.7rem !important;
  }
  .font28remSp {
    font-size: 2.8rem !important;
  }
  .font29remSp {
    font-size: 2.9rem !important;
  }
  .font30remSp {
    font-size: 3.0rem !important;
  }
}

.m00 {
  margin: 0!important
}

.m05 {
  margin: 5px!important
}

.m10 {
  margin: 10px!important
}

.m15 {
  margin: 15px!important
}

.m20 {
  margin: 20px!important
}

.m25 {
  margin: 25px!important
}

.m30 {
  margin: 30px!important
}

.m35 {
  margin: 35px!important
}

.m40 {
  margin: 40px!important
}

.m45 {
  margin: 45px!important
}

.m50 {
  margin: 50px!important
}

.mt00 {
  margin-top: 0!important
}

.mt05 {
  margin-top: 5px!important
}

.mt10 {
  margin-top: 10px!important
}

.mt15 {
  margin-top: 15px!important
}

.mt20 {
  margin-top: 20px!important
}

.mt25 {
  margin-top: 25px!important
}

.mt30 {
  margin-top: 30px!important
}

.mt35 {
  margin-top: 35px!important
}

.mt40 {
  margin-top: 40px!important
}

.mt45 {
  margin-top: 45px!important
}

.mt50 {
  margin-top: 50px!important
}

.mt60 {
  margin-top: 60px!important
}

.mt70 {
  margin-top: 70px!important;
}

.mt80 {
  margin-top: 80px!important;
}

.mt90 {
  margin-top: 90px!important;
}

.mt100 {
  margin-top: 100px!important;
}

.mr00 {
  margin-right: 0!important
}

.mr05 {
  margin-right: 5px!important
}

.mr10 {
  margin-right: 10px!important
}

.mr15 {
  margin-right: 15px!important
}

.mr20 {
  margin-right: 20px!important
}

.mr25 {
  margin-right: 25px!important
}

.mr30 {
  margin-right: 30px!important
}

.mr35 {
  margin-right: 35px!important
}

.mr40 {
  margin-right: 40px!important
}

.mr45 {
  margin-right: 45px!important
}

.mr50 {
  margin-right: 50px!important
}

.mb00 {
  margin-bottom: 0!important
}

.mb05 {
  margin-bottom: 5px!important
}

.mb10 {
  margin-bottom: 10px!important
}

.mb15 {
  margin-bottom: 15px!important
}

.mb20 {
  margin-bottom: 20px!important
}

.mb25 {
  margin-bottom: 25px!important
}

.mb30 {
  margin-bottom: 30px!important
}

.mb35 {
  margin-bottom: 35px!important
}

.mb40 {
  margin-bottom: 40px!important
}

.mb45 {
  margin-bottom: 45px!important
}

.mb50 {
  margin-bottom: 50px!important
}

.ml00 {
  margin-left: 0!important
}

.ml05 {
  margin-left: 5px!important
}

.ml10 {
  margin-left: 10px!important
}

.ml15 {
  margin-left: 15px!important
}

.ml20 {
  margin-left: 20px!important
}

.ml25 {
  margin-left: 25px!important
}

.ml30 {
  margin-left: 30px!important
}

.ml35 {
  margin-left: 35px!important
}

.ml40 {
  margin-left: 40px!important
}

.ml45 {
  margin-left: 45px!important
}

.ml50 {
  margin-left: 50px!important
}

@media all and (min-width:769px) {
  .m00Pc {
    margin: 0!important
  }
  .m05Pc {
    margin: 5px!important
  }
  .m10Pc {
    margin: 10px!important
  }
  .m15Pc {
    margin: 15px!important
  }
  .m20Pc {
    margin: 20px!important
  }
  .m25Pc {
    margin: 25px!important
  }
  .m30Pc {
    margin: 30px!important
  }
  .m35Pc {
    margin: 35px!important
  }
  .m40Pc {
    margin: 40px!important
  }
  .m45Pc {
    margin: 45px!important
  }
  .m50Pc {
    margin: 50px!important
  }
  .mt00Pc {
    margin-top: 0!important
  }
  .mt05Pc {
    margin-top: 5px!important
  }
  .mt10Pc {
    margin-top: 10px!important
  }
  .mt15Pc {
    margin-top: 15px!important
  }
  .mt20Pc {
    margin-top: 20px!important
  }
  .mt25Pc {
    margin-top: 25px!important
  }
  .mt30Pc {
    margin-top: 30px!important
  }
  .mt35Pc {
    margin-top: 35px!important
  }
  .mt40Pc {
    margin-top: 40px!important
  }
  .mt45Pc {
    margin-top: 45px!important
  }
  .mt50Pc {
    margin-top: 50px!important
  }
  .mr00Pc {
    margin-right: 0!important
  }
  .mr05Pc {
    margin-right: 5px!important
  }
  .mr10Pc {
    margin-right: 10px!important
  }
  .mr15Pc {
    margin-right: 15px!important
  }
  .mr20Pc {
    margin-right: 20px!important
  }
  .mr25Pc {
    margin-right: 25px!important
  }
  .mr30Pc {
    margin-right: 30px!important
  }
  .mr35Pc {
    margin-right: 35px!important
  }
  .mr40Pc {
    margin-right: 40px!important
  }
  .mr45Pc {
    margin-right: 45px!important
  }
  .mr50Pc {
    margin-right: 50px!important
  }
  .mb00Pc {
    margin-bottom: 0!important
  }
  .mb05Pc {
    margin-bottom: 5px!important
  }
  .mb10Pc {
    margin-bottom: 10px!important
  }
  .mb15Pc {
    margin-bottom: 15px!important
  }
  .mb20Pc {
    margin-bottom: 20px!important
  }
  .mb25Pc {
    margin-bottom: 25px!important
  }
  .mb30Pc {
    margin-bottom: 30px!important
  }
  .mb35Pc {
    margin-bottom: 35px!important
  }
  .mb40Pc {
    margin-bottom: 40px!important
  }
  .mb45Pc {
    margin-bottom: 45px!important
  }
  .mb50Pc {
    margin-bottom: 50px!important
  }
  .ml00Pc {
    margin-left: 0!important
  }
  .ml05Pc {
    margin-left: 5px!important
  }
  .ml10Pc {
    margin-left: 10px!important
  }
  .ml15Pc {
    margin-left: 15px!important
  }
  .ml20Pc {
    margin-left: 20px!important
  }
  .ml25Pc {
    margin-left: 25px!important
  }
  .ml30Pc {
    margin-left: 30px!important
  }
  .ml35Pc {
    margin-left: 35px!important
  }
  .ml40Pc {
    margin-left: 40px!important
  }
  .ml45Pc {
    margin-left: 45px!important
  }
  .ml50Pc {
    margin-left: 50px!important
  }
}

@media all and (max-width:768px) {
  .m00Sp {
    margin: 0!important
  }
  .m05Sp {
    margin: 5px!important
  }
  .m10Sp {
    margin: 10px!important
  }
  .m15Sp {
    margin: 15px!important
  }
  .m20Sp {
    margin: 20px!important
  }
  .m25Sp {
    margin: 25px!important
  }
  .m30Sp {
    margin: 30px!important
  }
  .m35Sp {
    margin: 35px!important
  }
  .m40Sp {
    margin: 40px!important
  }
  .m45Sp {
    margin: 45px!important
  }
  .m50Sp {
    margin: 50px!important
  }
  .mt00Sp {
    margin-top: 0!important
  }
  .mt05Sp {
    margin-top: 5px!important
  }
  .mt10Sp {
    margin-top: 10px!important
  }
  .mt15Sp {
    margin-top: 15px!important
  }
  .mt20Sp {
    margin-top: 20px!important
  }
  .mt25Sp {
    margin-top: 25px!important
  }
  .mt30Sp {
    margin-top: 30px!important
  }
  .mt35Sp {
    margin-top: 35px!important
  }
  .mt40Sp {
    margin-top: 40px!important
  }
  .mt45Sp {
    margin-top: 45px!important
  }
  .mt50Sp {
    margin-top: 50px!important
  }
  .mr00Sp {
    margin-right: 0!important
  }
  .mr05Sp {
    margin-right: 5px!important
  }
  .mr10Sp {
    margin-right: 10px!important
  }
  .mr15Sp {
    margin-right: 15px!important
  }
  .mr20Sp {
    margin-right: 20px!important
  }
  .mr25Sp {
    margin-right: 25px!important
  }
  .mr30Sp {
    margin-right: 30px!important
  }
  .mr35Sp {
    margin-right: 35px!important
  }
  .mr40Sp {
    margin-right: 40px!important
  }
  .mr45Sp {
    margin-right: 45px!important
  }
  .mr50Sp {
    margin-right: 50px!important
  }
  .mb00Sp {
    margin-bottom: 0!important
  }
  .mb05Sp {
    margin-bottom: 5px!important
  }
  .mb10Sp {
    margin-bottom: 10px!important
  }
  .mb15Sp {
    margin-bottom: 15px!important
  }
  .mb20Sp {
    margin-bottom: 20px!important
  }
  .mb25Sp {
    margin-bottom: 25px!important
  }
  .mb30Sp {
    margin-bottom: 30px!important
  }
  .mb35Sp {
    margin-bottom: 35px!important
  }
  .mb40Sp {
    margin-bottom: 40px!important
  }
  .mb45Sp {
    margin-bottom: 45px!important
  }
  .mb50Sp {
    margin-bottom: 50px!important
  }
  .ml00Sp {
    margin-left: 0!important
  }
  .ml05Sp {
    margin-left: 5px!important
  }
  .ml10Sp {
    margin-left: 10px!important
  }
  .ml15Sp {
    margin-left: 15px!important
  }
  .ml20Sp {
    margin-left: 20px!important
  }
  .ml25Sp {
    margin-left: 25px!important
  }
  .ml30Sp {
    margin-left: 30px!important
  }
  .ml35Sp {
    margin-left: 35px!important
  }
  .ml40Sp {
    margin-left: 40px!important
  }
  .ml45Sp {
    margin-left: 45px!important
  }
  .ml50Sp {
    margin-left: 50px!important
  }
}

.p00 {
  padding: 0!important
}

.p05 {
  padding: 5px!important
}

.p10 {
  padding: 10px!important
}

.p15 {
  padding: 15px!important
}

.p20 {
  padding: 20px!important
}

.p25 {
  padding: 25px!important
}

.p30 {
  padding: 30px!important
}

.p35 {
  padding: 35px!important
}

.p40 {
  padding: 40px!important
}

.p45 {
  padding: 45px!important
}

.p50 {
  padding: 50px!important
}

.pt0 {
  padding-top: 0 !important;
}

.pt05 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px!important
}

.pt15 {
  padding-top: 15px!important
}

.pt20 {
  padding-top: 20px!important
}

.pt25 {
  padding-top: 25px!important
}

.pt30 {
  padding-top: 30px!important
}

.pt35 {
  padding-top: 35px!important
}

.pt40 {
  padding-top: 40px!important
}

.pt45 {
  padding-top: 45px!important
}

.pt50 {
  padding-top: 50px!important
}

.pr00 {
  padding-right: 0!important
}

.pr05 {
  padding-right: 5px!important
}

.pr10 {
  padding-right: 10px!important
}

.pr15 {
  padding-right: 15px!important
}

.pr20 {
  padding-right: 20px!important
}

.pr25 {
  padding-right: 25px!important
}

.pr30 {
  padding-right: 30px!important
}

.pr35 {
  padding-right: 35px!important
}

.pr40 {
  padding-right: 40px!important
}

.pr45 {
  padding-right: 45px!important
}

.pr50 {
  padding-right: 50px!important
}

.pb00 {
  padding-bottom: 0!important
}

.pb05 {
  padding-bottom: 5px!important
}

.pb10 {
  padding-bottom: 10px!important
}

.pb15 {
  padding-bottom: 15px!important
}

.pb20 {
  padding-bottom: 20px!important
}

.pb25 {
  padding-bottom: 25px!important
}

.pb30 {
  padding-bottom: 30px!important
}

.pb35 {
  padding-bottom: 35px!important
}

.pb40 {
  padding-bottom: 40px!important
}

.pb45 {
  padding-bottom: 45px!important
}

.pb50 {
  padding-bottom: 50px!important
}

.pl00 {
  padding-left: 0!important
}

.pl05 {
  padding-left: 5px!important
}

.pl10 {
  padding-left: 10px!important
}

.pl15 {
  padding-left: 15px!important
}

.pl20 {
  padding-left: 20px!important
}

.pl25 {
  padding-left: 25px!important
}

.pl30 {
  padding-left: 30px!important
}

.pl35 {
  padding-left: 35px!important
}

.pl40 {
  padding-left: 40px!important
}

.pl45 {
  padding-left: 45px!important
}

.pl50 {
  padding-left: 50px!important
}

.pl05em {
  padding-left: 0.5em !important;
}

.pl1em {
  padding-left: 1em !important;
}

.pl15em {
  padding-left: 1.5em !important;
}

.pl2em {
  padding-left: 2em !important;
}

.pl25em {
  padding-left: 2.5em !important;
}

.pl3em {
  padding-left: 3em !important;
}

.pl35em {
  padding-left: 3.5em !important;
}

.pl4em {
  padding-left: 4em !important;
}

.pl45em {
  padding-left: 4.5em !important;
}

.pl5em {
  padding-left: 5em !important;
}

.pl55em {
  padding-left: 5.5em !important;
}

.pl6em {
  padding-left: 6em !important;
}

.pl65em {
  padding-left: 6.5em !important;
}

@media all and (min-width:769px) {
  .p00Pc {
    padding: 0!important
  }
  .p05Pc {
    padding: 5px!important
  }
  .p10Pc {
    padding: 10px!important
  }
  .p15Pc {
    padding: 15px!important
  }
  .p20Pc {
    padding: 20px!important
  }
  .p25Pc {
    padding: 25px!important
  }
  .p30Pc {
    padding: 30px!important
  }
  .p35Pc {
    padding: 35px!important
  }
  .p40Pc {
    padding: 40px!important
  }
  .p45Pc {
    padding: 45px!important
  }
  .p50Pc {
    padding: 50px!important
  }
  .pt00Pc {
    padding-top: 0!important
  }
  .pt05Pc {
    padding-top: 5px!important
  }
  .pt10Pc {
    padding-top: 10px!important
  }
  .pt15Pc {
    padding-top: 15px!important
  }
  .pt20Pc {
    padding-top: 20px!important
  }
  .pt25Pc {
    padding-top: 25px!important
  }
  .pt30Pc {
    padding-top: 30px!important
  }
  .pt35Pc {
    padding-top: 35px!important
  }
  .pt40Pc {
    padding-top: 40px!important
  }
  .pt45Pc {
    padding-top: 45px!important
  }
  .pt50Pc {
    padding-top: 50px!important
  }
  .pr00Pc {
    padding-right: 0!important
  }
  .pr05Pc {
    padding-right: 5px!important
  }
  .pr10Pc {
    padding-right: 10px!important
  }
  .pr15Pc {
    padding-right: 15px!important
  }
  .pr20Pc {
    padding-right: 20px!important
  }
  .pr25Pc {
    padding-right: 25px!important
  }
  .pr30Pc {
    padding-right: 30px!important
  }
  .pr35Pc {
    padding-right: 35px!important
  }
  .pr40Pc {
    padding-right: 40px!important
  }
  .pr45Pc {
    padding-right: 45px!important
  }
  .pr50Pc {
    padding-right: 50px!important
  }
  .pb00Pc {
    padding-bottom: 0!important
  }
  .pb05Pc {
    padding-bottom: 5px!important
  }
  .pb10Pc {
    padding-bottom: 10px!important
  }
  .pb15Pc {
    padding-bottom: 15px!important
  }
  .pb20Pc {
    padding-bottom: 20px!important
  }
  .pb25Pc {
    padding-bottom: 25px!important
  }
  .pb30Pc {
    padding-bottom: 30px!important
  }
  .pb35Pc {
    padding-bottom: 35px!important
  }
  .pb40Pc {
    padding-bottom: 40px!important
  }
  .pb45Pc {
    padding-bottom: 45px!important
  }
  .pb50Pc {
    padding-bottom: 50px!important
  }
  .pl00Pc {
    padding-left: 0!important
  }
  .pl05Pc {
    padding-left: 5px!important
  }
  .pl10Pc {
    padding-left: 10px!important
  }
  .pl15Pc {
    padding-left: 15px!important
  }
  .pl20Pc {
    padding-left: 20px!important
  }
  .pl25Pc {
    padding-left: 25px!important
  }
  .pl30Pc {
    padding-left: 30px!important
  }
  .pl35Pc {
    padding-left: 35px!important
  }
  .pl40Pc {
    padding-left: 40px!important
  }
  .pl45Pc {
    padding-left: 45px!important
  }
  .pl50Pc {
    padding-left: 50px!important
  }
}

@media all and (max-width:768px) {
  .p00Sp {
    padding: 0!important
  }
  .p05Sp {
    padding: 5px!important
  }
  .p10Sp {
    padding: 10px!important
  }
  .p15Sp {
    padding: 15px!important
  }
  .p20Sp {
    padding: 20px!important
  }
  .p25Sp {
    padding: 25px!important
  }
  .p30Sp {
    padding: 30px!important
  }
  .p35Sp {
    padding: 35px!important
  }
  .p40Sp {
    padding: 40px!important
  }
  .p45Sp {
    padding: 45px!important
  }
  .p50Sp {
    padding: 50px!important
  }
  .pt00Sp {
    padding-top: 10px!important
  }
  .pt05Sp {
    padding-top: 10px!important
  }
  .pt10Sp {
    padding-top: 10px!important
  }
  .pt15Sp {
    padding-top: 15px!important
  }
  .pt20Sp {
    padding-top: 20px!important
  }
  .pt25Sp {
    padding-top: 25px!important
  }
  .pt30Sp {
    padding-top: 30px!important
  }
  .pt35Sp {
    padding-top: 35px!important
  }
  .pt40Sp {
    padding-top: 40px!important
  }
  .pt45Sp {
    padding-top: 45px!important
  }
  .pt50Sp {
    padding-top: 50px!important
  }
  .pr00Sp {
    padding-right: 10px!important
  }
  .pr05Sp {
    padding-right: 10px!important
  }
  .pr10Sp {
    padding-right: 10px!important
  }
  .pr15Sp {
    padding-right: 15px!important
  }
  .pr20Sp {
    padding-right: 20px!important
  }
  .pr25Sp {
    padding-right: 25px!important
  }
  .pr30Sp {
    padding-right: 30px!important
  }
  .pr35Sp {
    padding-right: 35px!important
  }
  .pr40Sp {
    padding-right: 40px!important
  }
  .pr45Sp {
    padding-right: 45px!important
  }
  .pr50Sp {
    padding-right: 50px!important
  }
  .pb00Sp {
    padding-bottom: 0!important
  }
  .pb05Sp {
    padding-bottom: 5px!important
  }
  .pb10Sp {
    padding-bottom: 10px!important
  }
  .pb15Sp {
    padding-bottom: 15px!important
  }
  .pb20Sp {
    padding-bottom: 20px!important
  }
  .pb25Sp {
    padding-bottom: 25px!important
  }
  .pb30Sp {
    padding-bottom: 30px!important
  }
  .pb35Sp {
    padding-bottom: 35px!important
  }
  .pb40Sp {
    padding-bottom: 40px!important
  }
  .pb45Sp {
    padding-bottom: 45px!important
  }
  .pb50Sp {
    padding-bottom: 50px!important
  }
  .pl00Sp {
    padding-left: 0!important
  }
  .pl05Sp {
    padding-left: 5px!important
  }
  .pl10Sp {
    padding-left: 10px!important
  }
  .pl15Sp {
    padding-left: 15px!important
  }
  .pl20Sp {
    padding-left: 20px!important
  }
  .pl25Sp {
    padding-left: 25px!important
  }
  .pl30Sp {
    padding-left: 30px!important
  }
  .pl35Sp {
    padding-left: 35px!important
  }
  .pl40Sp {
    padding-left: 40px!important
  }
  .pl45Sp {
    padding-left: 45px!important
  }
  .pl50Sp {
    padding-left: 50px!important
  }
}