@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
/*base is →　! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

article, aside, footer, header, nav, section, figcaption, figure, main {
  display: block; }

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

img {
  border-style: none;
  vertical-align: top; }

table {
  border-collapse: collapse; }

button, input, select, textarea {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

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

textarea {
  overflow: auto;
  resize: vertical; }

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0; }

a, area, button, input, label, select, summary, textarea, [tabindex] {
  touch-action: manipulation; }

/* --------------- variables --------------------- */
/* Break Point */
/* Color */
/*サイトカラー*/
/*テキストに使うフォントカラー*/
/*テキスト内で使うリンクカラー*/
/* 日本語（notoSans）*/
/* 日本語（notoSerif）*/
/*日本語用（メイリオ）*/
/*英語用*/
@media screen and (max-width: 800px) {
  body {
    font-family: sans-serif;
    font-weight: 400;
    line-height: 1.8; }
  a {
    text-decoration: none; }
  ul {
    list-style-type: none; }
  img {
    max-width: 100%; }
  .en {
    font-family: "Teko", "sans-serif", "meiryo"; } }

@media screen and (max-width: 800px) and (max-width: 1199px) {
  header {
    height: 56px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    background-color: #fff; }
    header #headerInner {
      width: 95%;
      height: 56px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      header #headerInner #siteName a {
        display: flex;
        align-items: center;
        height: 56px; }
        header #headerInner #siteName a img {
          width: auto;
          height: 40px; }
      header #headerInner #headerBtns ul {
        display: flex; }
        header #headerInner #headerBtns ul li {
          padding-top: 5px; }
          header #headerInner #headerBtns ul li + li {
            margin-left: 5px; }
          header #headerInner #headerBtns ul li a {
            display: block;
            width: 46px;
            height: 46px; }
          header #headerInner #headerBtns ul li span.menuBtn {
            display: block;
            width: 46px;
            height: 46px; }
      header #headerInner nav {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100vw;
        height: 100vh;
        background-color: #363195;
        transition: all .3s; }
        header #headerInner nav.isOpen {
          right: 0; }
        header #headerInner nav #navHeader {
          width: 95%;
          margin: 0 auto;
          height: 56px;
          display: flex;
          justify-content: space-between; }
          header #headerInner nav #navHeader #whiteLogo {
            height: 56px;
            display: flex;
            align-items: center; }
            header #headerInner nav #navHeader #whiteLogo img {
              width: auto;
              height: 46px; }
          header #headerInner nav #navHeader .controle {
            display: flex;
            height: 56px; }
            header #headerInner nav #navHeader .controle li {
              padding-top: 5px; }
              header #headerInner nav #navHeader .controle li + li {
                margin-left: 15px; }
              header #headerInner nav #navHeader .controle li a {
                display: block;
                height: 46px; }
                header #headerInner nav #navHeader .controle li a img {
                  width: auto;
                  height: 46px; }
              header #headerInner nav #navHeader .controle li span {
                display: block;
                height: 46px; }
                header #headerInner nav #navHeader .controle li span img {
                  width: auto;
                  height: 46px; }
        header #headerInner nav #gNav {
          width: 95%;
          margin: 30px auto 0; }
          header #headerInner nav #gNav li a {
            display: block;
            text-align: center;
            color: #fff;
            font-size: 18px;
            padding: .5em 0; }
        header #headerInner nav #btnNav {
          width: 95%;
          margin: 30px auto 0; }
          header #headerInner nav #btnNav li a.sier {
            display: block;
            text-align: center;
            padding: .5em;
            color: #000;
            background-color: #dcdcdc; }
          header #headerInner nav #btnNav li a.ask {
            display: none; } }

@media screen and (max-width: 800px) and (min-width: 800px) and (max-width: 1199px) {
  header #headerInner nav {
    width: 400px;
    right: -400px; } }

@media screen and (max-width: 800px) and (min-width: 1200px) {
  header {
    width: 100%;
    height: 60px;
    background-color: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999; }
    header #headerBtns {
      display: none; }
    header #headerInner {
      max-width: 1190px;
      width: 90%;
      height: 53px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      header #headerInner #siteName {
        width: 160px;
        margin-right: 4vw; }
        header #headerInner #siteName a {
          display: flex;
          width: 100%;
          height: 60px;
          align-items: center; }
        header #headerInner #siteName img {
          width: 100%;
          height: auto; }
      header #headerInner nav {
        display: flex;
        justify-content: space-between; }
        header #headerInner nav #navHeader {
          display: none; }
        header #headerInner nav ul {
          display: flex; }
          header #headerInner nav ul li a {
            font-size: 14px;
            line-height: 1.5; }
          header #headerInner nav ul#gNav li a {
            width: 100%;
            height: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0 .5em;
            position: relative;
            color: #444;
            transition: all .3s; }
            header #headerInner nav ul#gNav li a:hover {
              color: #363195; }
            header #headerInner nav ul#gNav li a:after {
              content: "";
              display: block;
              width: 1px;
              height: 1em;
              background-color: #c8c8c8;
              position: absolute;
              right: 0;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%); }
          header #headerInner nav ul#btnNav {
            margin-left: 2vw; }
            header #headerInner nav ul#btnNav li a {
              display: flex;
              justify-content: center;
              align-items: center;
              color: #fff;
              height: 60px;
              padding: 0 0.5em;
              transition: all .3s; }
              header #headerInner nav ul#btnNav li a:hover {
                opacity: .8; }
              header #headerInner nav ul#btnNav li a.sier {
                background-color: #dcdcdc;
                color: #000; }
              header #headerInner nav ul#btnNav li a.ask {
                background-color: #363195; } }

@media screen and (max-width: 800px) {
  section.contact {
    background: url("../images/home/contact-bg.jpg") no-repeat center 0;
    background-size: cover; }
    section.contact .inner {
      padding: 30px 0; }
      section.contact .inner h2 span {
        display: block;
        text-align: center;
        color: #fff;
        line-height: 1; }
        section.contact .inner h2 span.en {
          font-size: 47px;
          color: #fff;
          font-weight: 400; }
        section.contact .inner h2 span.ja {
          font-size: 18px;
          color: #fff;
          margin-top: 4px;
          font-weight: 700; }
      section.contact .inner p {
        font-size: 14px;
        color: #fff;
        text-align: center;
        margin-top: 25px; }
      section.contact .inner .btnList {
        margin: 20px auto 0;
        width: 90%; }
        section.contact .inner .btnList li + li {
          margin-top: 15px; }
        section.contact .inner .btnList li a {
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: #fff;
          color: #363195;
          width: 100%;
          height: 70px;
          color: #000;
          position: relative;
          line-height: 1; }
          section.contact .inner .btnList li a.tel {
            font-size: 34px;
            pointer-events: none;
            line-height: 1;
            padding-top: .2em; }
            section.contact .inner .btnList li a.tel:before {
              content: "";
              display: block;
              background-image: url(../images/home/ico-tel_blue.png);
              background-size: 100% auto;
              width: 37px;
              height: 37px;
              position: absolute;
              top: 17px;
              left: 15px; }
          section.contact .inner .btnList li a.mail {
            font-size: 16px; }
            section.contact .inner .btnList li a.mail:before {
              content: "";
              display: block;
              background-image: url(../images/home/ico-mail_blue.png);
              background-size: 100% auto;
              width: 29px;
              height: 21px;
              position: absolute;
              top: 25px;
              left: 15px; }
  footer {
    background-color: #000;
    padding-bottom: 15px; }
    footer .inner {
      padding: 0 0 30px 0; }
      footer .inner .f-btm .f-menu {
        display: flex;
        flex-wrap: wrap;
        font-size: 14px;
        line-height: 1;
        border-top: 1px solid #a0a0a0; }
        footer .inner .f-btm .f-menu li {
          width: 50%;
          border-bottom: 1px solid #a0a0a0; }
          footer .inner .f-btm .f-menu li:nth-of-type(odd) {
            border-right: 1px solid #a0a0a0; }
          footer .inner .f-btm .f-menu li a {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #a0a0a0;
            text-decoration: none;
            padding: 1em 0px; }
    footer .copyright #footerLogo {
      width: 143px;
      margin: 0 auto; }
      footer .copyright #footerLogo img {
        width: 100%;
        height: auto; }
    footer .copyright p {
      font-size: 10px;
      text-align: center;
      color: #fff;
      margin-top: 15px; }
  #pageTop {
    background-color: #363195;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 998;
    cursor: pointer;
    border: 1px solid transparent;
    transition: .3s ease-in-out;
    opacity: 0;
    width: 55px;
    height: 55px;
    bottom: 10px;
    left: auto;
    right: 10px; }
    #pageTop:after {
      content: '';
      background: url(../images/common/arrow-pagetop.png);
      position: absolute;
      top: 50%;
      left: 28%;
      right: 0;
      bottom: 0;
      display: block;
      width: 10px;
      height: 38px;
      margin: auto;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      transition: .3s ease-in-out;
      top: calc(50% - -8px); }
    #pageTop:hover {
      background-color: #fff; }
      #pageTop:hover::after {
        background: url(../images/common/arrow-pagetop_blue.png); }
    #pageTop.showPageTop {
      opacity: 1; } }

@media screen and (min-width: 800px) {
  body {
    font-family: sans-serif;
    font-weight: 400;
    line-height: 1.8; }
  a {
    text-decoration: none; }
  ul {
    list-style-type: none; }
  img {
    max-width: 100%; }
  .en {
    font-family: "Teko", "sans-serif", "meiryo"; } }

@media screen and (min-width: 800px) and (max-width: 1199px) {
  header {
    height: 56px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    background-color: #fff; }
    header #headerInner {
      width: 95%;
      height: 56px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      header #headerInner #siteName a {
        display: flex;
        align-items: center;
        height: 56px; }
        header #headerInner #siteName a img {
          width: auto;
          height: 40px; }
      header #headerInner #headerBtns ul {
        display: flex; }
        header #headerInner #headerBtns ul li {
          padding-top: 5px; }
          header #headerInner #headerBtns ul li + li {
            margin-left: 5px; }
          header #headerInner #headerBtns ul li a {
            display: block;
            width: 46px;
            height: 46px; }
          header #headerInner #headerBtns ul li span.menuBtn {
            display: block;
            width: 46px;
            height: 46px; }
      header #headerInner nav {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100vw;
        height: 100vh;
        background-color: #363195;
        transition: all .3s; }
        header #headerInner nav.isOpen {
          right: 0; }
        header #headerInner nav #navHeader {
          width: 95%;
          margin: 0 auto;
          height: 56px;
          display: flex;
          justify-content: space-between; }
          header #headerInner nav #navHeader #whiteLogo {
            height: 56px;
            display: flex;
            align-items: center; }
            header #headerInner nav #navHeader #whiteLogo img {
              width: auto;
              height: 46px; }
          header #headerInner nav #navHeader .controle {
            display: flex;
            height: 56px; }
            header #headerInner nav #navHeader .controle li {
              padding-top: 5px; }
              header #headerInner nav #navHeader .controle li + li {
                margin-left: 15px; }
              header #headerInner nav #navHeader .controle li a {
                display: block;
                height: 46px; }
                header #headerInner nav #navHeader .controle li a img {
                  width: auto;
                  height: 46px; }
              header #headerInner nav #navHeader .controle li span {
                display: block;
                height: 46px; }
                header #headerInner nav #navHeader .controle li span img {
                  width: auto;
                  height: 46px; }
        header #headerInner nav #gNav {
          width: 95%;
          margin: 30px auto 0; }
          header #headerInner nav #gNav li a {
            display: block;
            text-align: center;
            color: #fff;
            font-size: 18px;
            padding: .5em 0; }
        header #headerInner nav #btnNav {
          width: 95%;
          margin: 30px auto 0; }
          header #headerInner nav #btnNav li a.sier {
            display: block;
            text-align: center;
            padding: .5em;
            color: #000;
            background-color: #dcdcdc; }
          header #headerInner nav #btnNav li a.ask {
            display: none; } }

@media screen and (min-width: 800px) and (min-width: 800px) and (max-width: 1199px) {
  header #headerInner nav {
    width: 400px;
    right: -400px; } }

@media screen and (min-width: 800px) and (min-width: 1200px) {
  header {
    width: 100%;
    height: 60px;
    background-color: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999; }
    header #headerBtns {
      display: none; }
    header #headerInner {
      max-width: 1190px;
      width: 90%;
      height: 53px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      header #headerInner #siteName {
        width: 160px;
        margin-right: 4vw; }
        header #headerInner #siteName a {
          display: flex;
          width: 100%;
          height: 60px;
          align-items: center; }
        header #headerInner #siteName img {
          width: 100%;
          height: auto; }
      header #headerInner nav {
        display: flex;
        justify-content: space-between; }
        header #headerInner nav #navHeader {
          display: none; }
        header #headerInner nav ul {
          display: flex; }
          header #headerInner nav ul li a {
            font-size: 14px;
            line-height: 1.5; }
          header #headerInner nav ul#gNav li a {
            width: 100%;
            height: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0 .5em;
            position: relative;
            color: #444;
            transition: all .3s; }
            header #headerInner nav ul#gNav li a:hover {
              color: #363195; }
            header #headerInner nav ul#gNav li a:after {
              content: "";
              display: block;
              width: 1px;
              height: 1em;
              background-color: #c8c8c8;
              position: absolute;
              right: 0;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%); }
          header #headerInner nav ul#btnNav {
            margin-left: 2vw; }
            header #headerInner nav ul#btnNav li a {
              display: flex;
              justify-content: center;
              align-items: center;
              color: #fff;
              height: 60px;
              padding: 0 0.5em;
              transition: all .3s; }
              header #headerInner nav ul#btnNav li a:hover {
                opacity: .8; }
              header #headerInner nav ul#btnNav li a.sier {
                background-color: #dcdcdc;
                color: #000; }
              header #headerInner nav ul#btnNav li a.ask {
                background-color: #363195; } }

@media screen and (min-width: 800px) {
  section.contact {
    background: url("../images/home/contact-bg.jpg") no-repeat center 0;
    background-size: cover; }
  footer {
    background-color: #000;
    padding-bottom: 15px; }
  #pageTop {
    background-color: #363195;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 998;
    cursor: pointer;
    border: 1px solid transparent;
    transition: .3s ease-in-out;
    opacity: 0; }
    #pageTop:after {
      content: '';
      background: url(../images/common/arrow-pagetop.png);
      position: absolute;
      top: 50%;
      left: 28%;
      right: 0;
      bottom: 0;
      display: block;
      width: 10px;
      height: 38px;
      margin: auto;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      transition: .3s ease-in-out; }
    #pageTop:hover {
      background-color: #fff; }
      #pageTop:hover::after {
        background: url(../images/common/arrow-pagetop_blue.png); }
    #pageTop.showPageTop {
      opacity: 1; } }

@media print, screen and (min-width: 801px) {
  body {
    font-family: sans-serif;
    font-weight: 400;
    line-height: 1.8; }
  a {
    text-decoration: none; }
  ul {
    list-style-type: none; }
  img {
    max-width: 100%; }
  .en {
    font-family: "Teko", "sans-serif", "meiryo"; } }

@media screen and (min-width: 801px) and (max-width: 1199px) {
  header {
    height: 56px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    background-color: #fff; }
    header #headerInner {
      width: 95%;
      height: 56px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      header #headerInner #siteName a {
        display: flex;
        align-items: center;
        height: 56px; }
        header #headerInner #siteName a img {
          width: auto;
          height: 40px; }
      header #headerInner #headerBtns ul {
        display: flex; }
        header #headerInner #headerBtns ul li {
          padding-top: 5px; }
          header #headerInner #headerBtns ul li + li {
            margin-left: 5px; }
          header #headerInner #headerBtns ul li a {
            display: block;
            width: 46px;
            height: 46px; }
          header #headerInner #headerBtns ul li span.menuBtn {
            display: block;
            width: 46px;
            height: 46px; }
      header #headerInner nav {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100vw;
        height: 100vh;
        background-color: #363195;
        transition: all .3s; }
        header #headerInner nav.isOpen {
          right: 0; }
        header #headerInner nav #navHeader {
          width: 95%;
          margin: 0 auto;
          height: 56px;
          display: flex;
          justify-content: space-between; }
          header #headerInner nav #navHeader #whiteLogo {
            height: 56px;
            display: flex;
            align-items: center; }
            header #headerInner nav #navHeader #whiteLogo img {
              width: auto;
              height: 46px; }
          header #headerInner nav #navHeader .controle {
            display: flex;
            height: 56px; }
            header #headerInner nav #navHeader .controle li {
              padding-top: 5px; }
              header #headerInner nav #navHeader .controle li + li {
                margin-left: 15px; }
              header #headerInner nav #navHeader .controle li a {
                display: block;
                height: 46px; }
                header #headerInner nav #navHeader .controle li a img {
                  width: auto;
                  height: 46px; }
              header #headerInner nav #navHeader .controle li span {
                display: block;
                height: 46px; }
                header #headerInner nav #navHeader .controle li span img {
                  width: auto;
                  height: 46px; }
        header #headerInner nav #gNav {
          width: 95%;
          margin: 30px auto 0; }
          header #headerInner nav #gNav li a {
            display: block;
            text-align: center;
            color: #fff;
            font-size: 18px;
            padding: .5em 0; }
        header #headerInner nav #btnNav {
          width: 95%;
          margin: 30px auto 0; }
          header #headerInner nav #btnNav li a.sier {
            display: block;
            text-align: center;
            padding: .5em;
            color: #000;
            background-color: #dcdcdc; }
          header #headerInner nav #btnNav li a.ask {
            display: none; } }

@media screen and (min-width: 801px) and (min-width: 800px) and (max-width: 1199px) {
  header #headerInner nav {
    width: 400px;
    right: -400px; } }

@media print, screen and (min-width: 801px) and (min-width: 1200px) {
  header {
    width: 100%;
    height: 60px;
    background-color: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999; }
    header #headerBtns {
      display: none; }
    header #headerInner {
      max-width: 1190px;
      width: 90%;
      height: 53px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      header #headerInner #siteName {
        width: 160px;
        margin-right: 4vw; }
        header #headerInner #siteName a {
          display: flex;
          width: 100%;
          height: 60px;
          align-items: center; }
        header #headerInner #siteName img {
          width: 100%;
          height: auto; }
      header #headerInner nav {
        display: flex;
        justify-content: space-between; }
        header #headerInner nav #navHeader {
          display: none; }
        header #headerInner nav ul {
          display: flex; }
          header #headerInner nav ul li a {
            font-size: 14px;
            line-height: 1.5; }
          header #headerInner nav ul#gNav li a {
            width: 100%;
            height: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0 .5em;
            position: relative;
            color: #444;
            transition: all .3s; }
            header #headerInner nav ul#gNav li a:hover {
              color: #363195; }
            header #headerInner nav ul#gNav li a:after {
              content: "";
              display: block;
              width: 1px;
              height: 1em;
              background-color: #c8c8c8;
              position: absolute;
              right: 0;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%); }
          header #headerInner nav ul#btnNav {
            margin-left: 2vw; }
            header #headerInner nav ul#btnNav li a {
              display: flex;
              justify-content: center;
              align-items: center;
              color: #fff;
              height: 60px;
              padding: 0 0.5em;
              transition: all .3s; }
              header #headerInner nav ul#btnNav li a:hover {
                opacity: .8; }
              header #headerInner nav ul#btnNav li a.sier {
                background-color: #dcdcdc;
                color: #000; }
              header #headerInner nav ul#btnNav li a.ask {
                background-color: #363195; } }

@media print, screen and (min-width: 801px) {
  section.contact {
    background: url("../images/home/contact-bg.jpg") no-repeat center 0;
    background-size: cover; }
    section.contact .inner {
      padding: 50px 0 45px; }
      section.contact .inner h2 {
        color: #fff;
        line-height: 1; }
        section.contact .inner h2 span {
          display: block;
          text-align: center; }
          section.contact .inner h2 span.en {
            font-size: 67px;
            font-weight: 400; }
          section.contact .inner h2 span.ja {
            font-size: 18px;
            margin-top: 10px; }
      section.contact .inner p {
        color: #fff;
        text-align: center;
        font-size: 24px;
        margin-top: 25px; }
      section.contact .inner .btnList {
        display: flex;
        justify-content: center;
        margin-top: 25px; }
        section.contact .inner .btnList li {
          margin: 0 16px; }
          section.contact .inner .btnList li a {
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #fff;
            color: #363195;
            width: 325px;
            height: 70px;
            color: #000;
            position: relative; }
            section.contact .inner .btnList li a.tel {
              font-size: 34px;
              pointer-events: none; }
              section.contact .inner .btnList li a.tel:before {
                content: "";
                display: block;
                background-image: url(../images/home/ico-tel_blue.png);
                background-size: 100% auto;
                width: 37px;
                height: 37px;
                position: absolute;
                top: 17px;
                left: 15px; }
            section.contact .inner .btnList li a.mail {
              font-size: 18px; }
              section.contact .inner .btnList li a.mail:before {
                content: "";
                display: block;
                background-image: url(../images/home/ico-mail_blue.png);
                background-size: 100% auto;
                width: 29px;
                height: 21px;
                position: absolute;
                top: 25px;
                left: 15px; }
  footer {
    background-color: #000;
    padding-bottom: 15px; }
    footer .inner {
      padding: 30px 0; }
      footer .inner .f-btm .f-menu {
        display: flex;
        justify-content: center;
        font-size: 14px;
        line-height: 1; }
        footer .inner .f-btm .f-menu li {
          margin: 0 10px; }
          footer .inner .f-btm .f-menu li a {
            color: #fff;
            text-decoration: none; }
    footer .copyright #footerLogo {
      width: 143px;
      margin: 0 auto; }
      footer .copyright #footerLogo img {
        width: 100%;
        height: auto; }
    footer .copyright p {
      font-size: 10px;
      text-align: center;
      color: #fff;
      margin-top: 15px; }
  #pageTop {
    background-color: #363195;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 998;
    cursor: pointer;
    border: 1px solid transparent;
    transition: .3s ease-in-out;
    opacity: 0;
    width: 70px;
    height: 70px;
    bottom: 10px;
    right: 100px; }
    #pageTop:hover {
      background-color: #404040;
      border: 1px solid #363195;
      -webkit-animation: pageTopMove forwards .3s;
              animation: pageTopMove forwards .3s; }
  @-webkit-keyframes pageTopMove {
    100% {
      -webkit-transform: translateY(-4px);
              transform: translateY(-4px); } }
  @keyframes pageTopMove {
    100% {
      -webkit-transform: translateY(-4px);
              transform: translateY(-4px); } }
    #pageTop:after {
      content: '';
      background: url(../images/common/arrow-pagetop.png);
      position: absolute;
      top: 50%;
      left: 28%;
      right: 0;
      bottom: 0;
      display: block;
      width: 10px;
      height: 38px;
      margin: auto;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      transition: .3s ease-in-out; }
    #pageTop:hover {
      background-color: #fff; }
      #pageTop:hover::after {
        background: url(../images/common/arrow-pagetop_blue.png); }
    #pageTop.showPageTop {
      opacity: 1; } }

@media print, screen and (min-width: 801px) and (max-width: 1200px) {
  header {
    height: 80px; }
  .g-navi {
    display: none !important; }
  .drawer {
    display: block !important; }
    .drawer .spLogo {
      margin-left: 14px;
      padding: 20px 0 0;
      width: 50%;
      max-width: 240px;
      height: 80px; }
    .drawer .menuBtnWrap {
      border: 1px solid #000;
      z-index: 10;
      position: absolute;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      text-align: center;
      height: 65px;
      top: 50%;
      right: 10px;
      z-index: 999; }
      .drawer .menuBtnWrap .txt {
        font-size: 12px; }
      .drawer .menuBtnWrap.isOpen {
        border: none; }
        .drawer .menuBtnWrap.isOpen .txt {
          color: #fff; }
    .drawer #menuBtn {
      width: 65px;
      height: 40px;
      cursor: pointer; }
      .drawer #menuBtn span {
        height: 3px;
        background-color: #000;
        position: absolute;
        transition: .3s ease-in-out;
        width: 30px;
        left: 16px; }
        .drawer #menuBtn span:nth-of-type(1) {
          top: 10px; }
        .drawer #menuBtn span:nth-of-type(2) {
          top: 20px; }
        .drawer #menuBtn span:nth-of-type(3) {
          top: 30px; }
      .drawer #menuBtn.isOpen span {
        background-color: #fff; }
        .drawer #menuBtn.isOpen span:nth-of-type(1) {
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          top: 20px; }
        .drawer #menuBtn.isOpen span:nth-of-type(2) {
          opacity: 0; }
        .drawer #menuBtn.isOpen span:nth-of-type(3) {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          top: 20px; }
    .drawer .contactBtnWrap {
      background-color: #363195;
      z-index: 999;
      position: absolute;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      text-align: center;
      top: 50%;
      right: 85px;
      height: 65px;
      transition: .3s all; }
      .drawer .contactBtnWrap .contactBtn {
        width: 65px;
        height: 65px;
        cursor: pointer;
        text-align: center;
        margin: 12px auto 0; }
      .drawer .contactBtnWrap img {
        display: inline-block; }
      .drawer .contactBtnWrap .c-txt {
        color: #fff;
        font-size: 12px; }
      .drawer .contactBtnWrap.isOpen {
        background-color: transparent; }
    .drawer .g-menu_sp {
      background-color: #363195;
      position: fixed;
      width: 400px;
      height: 100vh;
      z-index: 92;
      transition: .3s ease-in-out;
      opacity: 0;
      top: 0;
      width: 100%;
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%); }
      .drawer .g-menu_sp ul {
        margin-top: 20px; }
        .drawer .g-menu_sp ul li {
          text-align: center;
          width: 100%;
          padding: 10px 0; }
          .drawer .g-menu_sp ul li a {
            color: #fff;
            font-weight: bold;
            position: relative;
            transition: .3s background ease-in-out;
            padding: 20px;
            width: 100%; }
            .drawer .g-menu_sp ul li a:hover {
              background-color: #000; }
            .drawer .g-menu_sp ul li a.sier {
              background-color: #6f6f6f;
              display: inline-block;
              margin-top: 10px;
              width: 140px; }
              .drawer .g-menu_sp ul li a.sier a {
                color: #fff; }
      .drawer .g-menu_sp.isOpen {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0); } }

/*# sourceMappingURL=map/common.css.map */