@charset "UTF-8";
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Reset CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@import url("https://fonts.googleapis.com/css?family=EB+Garamond:400,500,700");
@import url("https://fonts.googleapis.com/css?family=Prata");
@import url("https://fonts.googleapis.com/css?family=Cormorant+SC&display=swap");
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Variables CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

SVG CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 */
/* Variables
-------------------------------------------- */
html > img {
  display: none; }

body {
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
  font-size: 1.6rem; }
  @media screen and (max-width: 640px) {
    body {
      font-size: 1.4rem; } }
  body a:active, body a:hover {
    color: #333; }
  body p {
    color: #333;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
  body .gothic {
    font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif; }

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

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

.tb {
  display: none; }
  @media screen and (max-width: 768px) {
    .tb {
      display: block; } }

#overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #FFF;
  z-index: 999; }
  #overlay.loading {
    display: block; }
    #overlay.loading img {
      display: block;
      width: 64px;
      margin: auto;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    @media screen and (max-width: 768px) {
      #overlay.loading img {
        width: 40px; } }

#wrap {
  width: 100%;
  overflow: hidden; }
  #wrap img {
    width: 100%;
    height: auto; }

#gnavBackground {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
  cursor: pointer; }

/* header
----------------------------------------------*/
header {
  width: 100%;
  position: fixed;
  height: 72px;
  z-index: 100;
  top: 0;
  background-color: #FFF; }
  header .inner {
    height: 72px;
    box-sizing: border-box;
    background-color: #FFF;
    border-bottom: 1px solid #DDD; }
  header .headLogo {
    width: 248px;
    height: 34px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px; }
    @media screen and (max-width: 870px) {
      header .headLogo {
        width: 200px;
        height: 27px;
        left: 15px; } }
    @media screen and (max-width: 768px) {
      header .headLogo {
        width: 160px;
        height: 22px; } }
    @media screen and (max-width: 640px) {
      header .headLogo {
        width: 61px;
        height: 30px;
        left: 0;
        right: 0; } }
  header .entryBtn {
    display: block;
    width: 120px;
    height: 40px;
    box-sizing: border-box;
    margin: auto 0;
    padding: 9px 0 0;
    font-family: "EB Garamond", serif;
    font-size: 2rem;
    text-align: center;
    color: #FFF;
    line-height: 1;
    background: #80212e;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px; }
    header .entryBtn:hover {
      color: #FFF; }
  @media screen and (max-width: 768px) {
    header {
      height: 50px; }
      header .inner {
        height: 50px; }
      header .entryBtn {
        width: 100px;
        height: 30px;
        padding: 7px 0 0;
        font-size: 1.6rem;
        right: 15px; } }
  @media screen and (max-width: 640px) {
    header .entryBtn {
      width: 70px;
      height: 30px;
      font-size: 1.5rem;
      right: 10px; } }
  header #gNav {
    max-width: 336px;
    height: 38px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
    header #gNav .gNav_menu.pcMenu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    header #gNav .gNav_menu.spMenu {
      display: none; }
    header #gNav .gNav_menu > li {
      height: 38px; }
      header #gNav .gNav_menu > li.gNav_company dt::before {
        background-color: #81202D; }
      header #gNav .gNav_menu > li.gNav_company dd .item_list li a span:before {
        border-right: #81202D 2px solid;
        border-top: #81202D 2px solid; }
      header #gNav .gNav_menu > li.gNav_staff dt::before {
        background-color: #FFDF00; }
      header #gNav .gNav_menu > li.gNav_staff dd .item_list li a span:before {
        border-right: #FFDF00 2px solid;
        border-top: #FFDF00 2px solid; }
      header #gNav .gNav_menu > li.gNav_info dt::before {
        background-color: #004258; }
      header #gNav .gNav_menu > li.gNav_info dd .item_list li a span:before {
        border-right: #004258 2px solid;
        border-top: #004258 2px solid; }
      header #gNav .gNav_menu > li .gNav_item {
        height: 38px; }
        header #gNav .gNav_menu > li .gNav_item dt {
          height: 38px;
          padding: 0 6px;
          text-align: center;
          font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
          font-size: 1.6rem;
          color: #000;
          position: relative;
          cursor: default; }
          header #gNav .gNav_menu > li .gNav_item dt.over::before {
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            margin: 0 auto;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 8px; }
        header #gNav .gNav_menu > li .gNav_item dd {
          display: block;
          width: 100%;
          /*padding: 120px 40px 14px;*/
          padding: 40px 20px 20px;
          background: #FFF;
          position: fixed;
      /*top: -100%;
  	transition: top 0.6s;*/
          left: 0;
          z-index: -1;
          visibility: hidden;
          opacity: 0;
          transition: all 0.8s; }
          header #gNav .gNav_menu > li .gNav_item dd.over {
            visibility: visible;
            opacity: 1;
            /*top: 0;*/
            border-bottom: 1px solid #DDD;
            z-index: 1; }
          header #gNav .gNav_menu > li .gNav_item dd .itemWrap {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            width: 100%;
            max-width: 1040px;
            margin: 0 auto; }
          header #gNav .gNav_menu > li .gNav_item dd .item_image {
            width: 200px; }
          header #gNav .gNav_menu > li .gNav_item .kai_banner{
            max-width: 330px;
          }
          header #gNav .gNav_menu > li .gNav_item dd .item_list {
            display: flex;
            flex-wrap: wrap;
            width: calc(100% - 230px);
            margin: 0; }
            header #gNav .gNav_menu > li .gNav_item dd .item_list li {
              /*width: 22.9%;
              margin: 0 2.74% 34px 0;*/
              width: 32%;
              box-sizing: border-box;
              padding: 0 2% 20px;
              text-align: left;
              float: left; }
              header #gNav .gNav_menu > li .gNav_item dd .item_list li:nth-child(3n) {
                padding-right: 0; }
              header #gNav .gNav_menu > li .gNav_item dd .item_list li a {
                color: #000;
                display: block;
                font-size: 1.4rem; }
                header #gNav .gNav_menu > li .gNav_item dd .item_list li a span {
                  display: block;
                  margin: 0 0 11px;
                  padding: 0 0 0 17px;
                  position: relative; }
                  header #gNav .gNav_menu > li .gNav_item dd .item_list li a span:before {
                    content: "";
                    display: block;
                    width: 8px;
                    height: 8px;
                    position: absolute;
                    margin: auto 0;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg); }
    @media screen and (max-width: 768px) {
      header #gNav {
        max-width: 290px;
        height: 34px; }
        header #gNav .gNav_menu > li {
          height: 34px; }
          header #gNav .gNav_menu > li .gNav_item {
            height: 34px; }
            header #gNav .gNav_menu > li .gNav_item dt {
              height: 34px;
              font-size: 1.5rem; }
            header #gNav .gNav_menu > li .gNav_item dd {
              padding: 20px 15px; }
              header #gNav .gNav_menu > li .gNav_item dd .item_list {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
                header #gNav .gNav_menu > li .gNav_item dd .item_list li {
                  width: 48%;
                  box-sizing: border-box;
                  margin: 0 0 20px 0;
                  padding: 0 2% 0 0;
                  float: none; }
                  header #gNav .gNav_menu > li .gNav_item dd .item_list li:nth-child(4n) {
                    margin-right: 0; }
                  header #gNav .gNav_menu > li .gNav_item dd .item_list li a span {
                    font-size: 1.4rem; }
                  header #gNav .gNav_menu > li .gNav_item dd .item_list li a img {
                    display: none; } }
    @media screen and (max-width: 640px) {
      header #gNav {
        width: 85%;
        max-width: inherit;
        height: 100%;
        margin: 0 auto;
        padding: 30px 20px;
        position: fixed;
        bottom: auto;
        top: 0;
        right: auto;
        left: -85%;
        overflow: scroll;
        background: #FFF; }
        header #gNav .gNav_menu.pcMenu {
          display: none; }
        header #gNav .gNav_menu.spMenu {
          display: block; }
        header #gNav .gNav_menu > li {
          height: auto; }
          header #gNav .gNav_menu > li.gNav_top a {
            display: block;
            width: 100%;
            margin: 0 0 27px;
            padding: 0;
            text-align: left;
            font-size: 1.6rem;
            font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
            border-bottom: solid 2px #CCC;
            position: relative; }
            header #gNav .gNav_menu > li.gNav_top a::before {
              content: "";
              display: block;
              width: 8px;
              height: 8px;
              position: absolute;
              margin: auto 0;
              top: 0;
              right: 10px;
              bottom: 0;
              border-right: #000 1px solid;
              border-top: #000 1px solid;
              -webkit-transform: rotate(45deg);
              -moz-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
          header #gNav .gNav_menu > li.gNav_company dt {
            border-bottom: solid 2px #81202D; }
            header #gNav .gNav_menu > li.gNav_company dt::before {
              background-color: none; }
          header #gNav .gNav_menu > li.gNav_staff dt {
            border-bottom: solid 2px #FFDF00; }
            header #gNav .gNav_menu > li.gNav_staff dt::before {
              background-color: none; }
          header #gNav .gNav_menu > li.gNav_info dt {
            border-bottom: solid 2px #004258; }
            header #gNav .gNav_menu > li.gNav_info dt::before {
              background-color: none; }
          header #gNav .gNav_menu > li.gNav_entry {
            text-align: center; }
            header #gNav .gNav_menu > li.gNav_entry a {
              display: inline-block;
              width: 60%;
              margin: 25px 0 0;
              padding: 5px 10px;
              font-size: 1.6rem;
              color: #FFF;
              font-family: "EB Garamond", serif;
              background: #80212e; }
          header #gNav .gNav_menu > li .gNav_item {
            height: auto;
            margin: 0 0 35px; }
            header #gNav .gNav_menu > li .gNav_item dt {
              height: auto;
              margin: 0 0 17px;
              padding: 0;
              text-align: left;
              font-size: 1.6rem; }
              header #gNav .gNav_menu > li .gNav_item dt::before {
                content: "";
                width: 11px;
                height: 1px;
                border-top: #4b4b4b 1px solid;
                position: absolute;
                top: 12px;
                right: 8px; }
              header #gNav .gNav_menu > li .gNav_item dt::after {
                content: "";
                width: 11px;
                height: 11px;
                border-right: #4b4b4b 1px solid;
                position: absolute;
                top: 7px;
                right: 13px; }
              header #gNav .gNav_menu > li .gNav_item dt.over::before {
                content: "";
                width: 11px;
                height: 1px;
                border-top: #4b4b4b 1px solid;
                position: absolute;
                top: 12px;
                left: auto;
                right: 8px; }
              header #gNav .gNav_menu > li .gNav_item dt.over::after {
                display: none; }
            header #gNav .gNav_menu > li .gNav_item dd {
              display: none;
              width: 100%;
              margin: 0 0 20px;
              padding: 8px 0 0;
              position: static;
              top: 0;
              visibility: visible;
              opacity: 1;
              transition: initial; }
              header #gNav .gNav_menu > li .gNav_item dd.over {
                border-bottom: none; }
              header #gNav .gNav_menu > li .gNav_item dd .item_list {
                width: 100%;
                max-width: 1420px;
                margin: 0 auto; }
                header #gNav .gNav_menu > li .gNav_item dd .item_list li {
                  display: block;
                  width: 100%;
                  margin: 0;
                  padding: 0;
                  float: left; }
                  header #gNav .gNav_menu > li .gNav_item dd .item_list li:nth-child(4n) {
                    margin-right: 0; }
                  header #gNav .gNav_menu > li .gNav_item dd .item_list li:last-child span {
                    margin: 0; }
                  header #gNav .gNav_menu > li .gNav_item dd .item_list li a img {
                    display: none; }
                  header #gNav .gNav_menu > li .gNav_item dd .item_list li a span {
                    display: inline-block;
                    margin: 0 0 20px; }
                    header #gNav .gNav_menu > li .gNav_item dd .item_list li a span:before {
                      width: 8px;
                      height: 8px;
                      top: 0;
                      left: 0;
                      bottom: 0; } }
  header #gNavTrigger {
    display: none;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 17px;
    left: 10px; }
    @media screen and (max-width: 640px) {
      header #gNavTrigger {
        display: block; } }
    header #gNavTrigger::after {
      content: "";
      font-size: 10px;
      line-height: 1;
      color: #000;
      display: block;
      text-align: center;
      position: absolute;
      bottom: -2px; }
    header #gNavTrigger span {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background: #000; }
      header #gNavTrigger span::before {
        content: "";
        position: absolute;
        top: 7px;
        left: 0;
        width: 100%;
        height: 2px;
        background: #000; }
      header #gNavTrigger span::after {
        content: "";
        position: absolute;
        top: 14px;
        left: 0;
        width: 100%;
        height: 2px;
        background: #000; }
  header.active #gNavTrigger span {
    height: 0;
    background: none; }
    header.active #gNavTrigger span::before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    header.active #gNavTrigger span::after {
      top: 7px;
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg); }

/* footer
----------------------------------------------*/
footer {
  width: 100%;
  background: #EEE;
  margin: 150px auto 0;
  padding: 50px 0 0;
  position: relative; }
  footer .foottop {
    display: block;
    width: 60px;
    height: 60px;
    background: #333;
    position: absolute;
    top: -80px;
    right: 20px; }
    footer .foottop::before {
      content: "";
      width: 16px;
      height: 16px;
      border-left: #FFF 2px solid;
      border-top: #FFF 2px solid;
      transform: rotate(45deg);
      margin: 0 auto;
      position: absolute;
      top: 25px;
      left: 0;
      right: 0; }
      footer .kai_banner {
        max-width: 330px;
        margin-top: 40px;
        padding-top: 20px;
        border-top: 1px solid #acacac;
      }
  @media screen and (max-width: 640px) {
    footer {
      margin: 100px auto 0;
      padding: 30px 0 0; }
      footer .foottop {
        width: 40px;
        height: 40px;
        top: -50px;
        right: 10px; }
        footer .foottop::before {
          width: 8px;
          height: 8px;
          border-left: #FFF 1px solid;
          border-top: #FFF 1px solid;
          top: 20px; } }
  footer .fNav_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px 38px; }
    footer .fNav_menu > li {
      padding: 0 35px 0 0; }
      footer .fNav_menu > li .fNav_item dt {
        margin: 0 0 12px;
        font-size: 1.6rem;
        font-weight: bold; }
      footer .fNav_menu > li .fNav_item dd li {
        margin: 0 0 8px; }
        footer .fNav_menu > li .fNav_item dd li a {
          font-size: 1.4rem;
          padding: 0 0 0 14px; }
    @media screen and (max-width: 900px) {
      footer .fNav_menu > li .fNav_item dt {
        font-size: 1.4rem; }
      footer .fNav_menu > li .fNav_item dd li a {
        font-size: 1.2rem; } }
    @media screen and (max-width: 768px) {
      footer .fNav_menu {
        flex-wrap: wrap; }
        footer .fNav_menu > li {
          width: 33%; } }
    @media screen and (max-width: 640px) {
      footer .fNav_menu {
        display: block;
        padding: 0 20px 18px; }
        footer .fNav_menu > li {
          display: block;
          width: 100%;
          margin: 0 0 20px;
          padding: 0;
          float: none; }
          footer .fNav_menu > li .fNav_item dt {
            padding: 0 0 0 20px;
            position: relative; }
            footer .fNav_menu > li .fNav_item dt:before {
              content: "";
              position: absolute;
              display: block;
              width: 8px;
              height: 8px;
              margin: auto 0;
              top: 0;
              bottom: 0;
              left: 0;
              border-right: #4b4b4b 2px solid;
              border-top: #4b4b4b 2px solid;
              -webkit-transform: rotate(45deg);
              -moz-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
          footer .fNav_menu > li .fNav_item dd li {
            margin: 0 0 12px; }
            footer .fNav_menu > li .fNav_item dd li a {
              font-size: 1.2rem; } }
  footer .fSub {
    background: #FFF; }
    footer .fSub .inner {
      width: 100%;
      max-width: 1240px;
      margin: 0 auto;
      padding: 15px 20px; }
      footer .fSub .inner .outLink {
        float: left; }
        footer .fSub .inner .outLink li {
          line-height: 1;
          float: left;
          padding: 0 40px 0 0; }
          footer .fSub .inner .outLink li a {
            font-size: 1.2rem;
            line-height: 1;
            position: relative; }
            footer .fSub .inner .outLink li a .fa {
              padding: 0 0 0 7px;
              color: #8E8E8E; }
      footer .fSub .inner .copyright {
        float: right;
        font-size: 1.2rem;
        line-height: 1;
        font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif; }
    @media screen and (max-width: 640px) {
      footer .fSub .inner .outLink {
        float: none;
        margin: 0 0 10px; }
        footer .fSub .inner .outLink li {
          padding: 0 10px 10px 0; }
      footer .fSub .inner .copyright {
        float: none;
        text-align: center; } }

/* CONTENTS
----------------------------------------------*/
#container {
  width: 100%;
  margin: 72px auto 0;
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
  @media (max-width: 768px) {
    #container {
      margin: 50px auto 0; } }
  @media (max-width: 480px) {
    #container {
      position: relative; } }
  #container .contHeading {
    display: flex;
    align-items: center;
    width: 100%;
    height: 500px;
    margin: 0 auto 100px;
    background: no-repeat 50% 50% / cover; }
    #container .contHeading .ttlWrap {
      box-sizing: border-box;
      padding: 33px 50px 33px 10vw;
      background-color: rgba(255, 255, 255, 0.7); }
      #container .contHeading .ttlWrap h1 {
        font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
        font-size: 4rem;
        line-height: 1;
        color: #000; }
      #container .contHeading .ttlWrap p {
        display: block;
        font-size: 2rem; }
    @media screen and (max-width: 1000px) {
      #container .contHeading .ttlWrap h1 {
        font-size: 4vw; } }
    @media (max-width: 480px) {
      #container .contHeading {
        display: block;
        height: 75vh;
        margin: 0 auto 80px;
        position: relative; }
        #container .contHeading .ttlWrap {
          width: 100%;
          padding: 20px 15px 18px;
          position: absolute;
          bottom: 0; }
          #container .contHeading .ttlWrap h1 {
            font-size: 2.2rem; }
          #container .contHeading .ttlWrap p {
            margin: 6px 0 0;
            font-size: 1.4rem; } }
  #container .gray-bg {
    background-color: #F0F0F0; }
  #container .na-maxw {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 150px;
    position: relative; }
    #container .na-maxw.no-pad {
      padding-left: 0;
      padding-right: 0; }
    #container .na-maxw.full {
      max-width: 1240px; }
    #container .na-maxw.medium {
      max-width: 1040px; }
    #container .na-maxw.narrow {
      max-width: 900px; }
    #container .na-maxw h2 {
      display: block;
      font-size: 3rem;
      text-align: center; }
      @media (max-width: 480px) {
        #container .na-maxw h2 {
          font-size: 2rem; } }
    #container .na-maxw .leftCont {
      float: left;
      box-sizing: border-box; }
    #container .na-maxw .rightCont {
      float: right;
      box-sizing: border-box; }
    #container .na-maxw p {
      font-size: 1.6rem;
      line-height: 1.8; }
      #container .na-maxw p.txtRight {
        text-align: right; }
      #container .na-maxw p.txtCenter {
        text-align: center; }
        @media (max-width: 480px) {
          #container .na-maxw p.txtCenter {
            text-align: left; } }
    #container .na-maxw .redtxt {
      color: #B20000; }
    #container .na-maxw .underlinetxt {
      text-decoration: underline; }
    #container .na-maxw .tel-link a {
      text-decoration: underline; }
    #container .na-maxw .common-btn {
      display: block;
      margin: 50px 0 0;
      text-align: center; }
      #container .na-maxw .common-btn li {
        display: inline-block;
        width: 23.333%;
        margin: 0 20px 20px; }
        #container .na-maxw .common-btn li a {
          display: block;
          padding: 16px 10px;
          box-sizing: border-box;
          font-size: 1.6rem;
          text-align: center;
          line-height: 1;
          position: relative;
          background: #EDE4DD;
          border: solid 1px #EDE4DD; }
          #container .na-maxw .common-btn li a::before {
            content: "";
            position: absolute;
            display: block;
            width: 8px;
            height: 8px;
            margin: 0 auto;
            top: 20px;
            right: 21px;
            border-right: #4b4b4b 2px solid;
            border-top: #4b4b4b 2px solid;
            transform: rotate(45deg); }
      @media (max-width: 480px) {
        #container .na-maxw .common-btn li {
          width: 80%;
          margin: 0 auto 20px; }
          #container .na-maxw .common-btn li a {
            display: block;
            padding: 13px 10px;
            font-size: 1.4rem; }
            #container .na-maxw .common-btn li a::before {
              top: 16px; } }
    @media (max-width: 480px) {
      #container .na-maxw {
        margin-bottom: 25vw;
        padding-left: 20px;
        padding-right: 20px; }
        #container .na-maxw .leftCont {
          float: none; }
        #container .na-maxw .rightCont {
          float: none; }
        #container .na-maxw p {
          font-size: 1.4rem; } }