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

    version: 1.0
    created: 2017/01/01
    update : -

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
html {
  overflow-y: scroll;
  font-size: 10px; }

body {
  margin: 0;
  padding: 0;
  font-family: Arial, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Segoe UI", sans-serif;
  -webkit-text-size-adjust: 100%; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%; }

p {
  margin: 0 0 1.5em; }

ul,
ol {
  margin: 0 0 1.5em;
  padding-left: 0;
  letter-spacing: -.5em; }

ul,
ol {
  list-style: none; }

li {
  letter-spacing: 0; }

table {
  margin: 0 0 1.5em;
  border-spacing: 0;
  border-collapse: collapse; }

table th > *:last-child,
table td > *:last-child {
  margin-bottom: 0 !important; }

hr {
  display: none; }

img {
  border: 0;
  vertical-align: middle; }

li img {
  vertical-align: middle; }

button,
input,
select,
textarea {
  font-family: Arial, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Segoe UI", sans-serif;
  vertical-align: middle;
  font-size: 1.6rem; }

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  cursor: pointer; }

button {
  display: inline;
  border: none;
  padding: 0;
  background: none; }

button::-moz-focus-inner {
  border: 0;
  padding: 0; }

:-moz-placeholder-shown {
  color: #cccccc; }

:-ms-input-placeholder {
  color: #cccccc; }

:placeholder-shown {
  color: #cccccc; }

::-webkit-input-placeholder {
  color: #cccccc; }

::-moz-placeholder {
  color: #cccccc;
  opacity: 1; }

:-ms-input-placeholder {
  color: #cccccc; }

em,
address,
small {
  font-style: normal; }

em {
  font-weight: bold; }

article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section,
mark,
audio,
video,
picture,
main {
  display: block;
  margin: 0;
  border: 0;
  padding: 0;
  outline: 0; }

fieldset {
  margin: 0;
  border: none;
  padding: 0; }

nav ul {
  list-style: none; }

sub {
  font-size: .6em;
  vertical-align: baseline; }

sup {
  font-size: .6em;
  vertical-align: super; }




/*====================================================================================================

以下表示用

====================================================================================================*/
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Kosugi&display=swap&text=塚");

.corpName {
  font-family: "Kosugi", "MS UI Gothic";
  line-height: 1; }

/* Footer
--------------------------------------------------------------------------------------------------- */
  @media screen and (min-width: 768px) {
    .otsuka {
      margin: 0 auto;
      padding-top: 10px;
      min-width: 800px;
      max-width: 1220px;
      font-family: arial,"Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS P Gothic", Geneva; }
      .otsuka > .inner,
      .otsuka > .inner02 {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .otsuka > .inner ul,
        .otsuka > .inner02 ul {
          margin: 0; }
          .otsuka > .inner ul > li,
          .otsuka > .inner02 ul > li {
            display: inline-block;
            vertical-align: middle; }
      .otsuka > .inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
        height: 41px; }
        .otsuka > .inner .logo {
          margin: 0; }
        .otsuka > .inner .unav > li span {
          background-image: url("../../images/common/mod_img_sprite.png");
          overflow: hidden;
          display: inline-block;
          text-indent: 200%;
          white-space: nowrap;
          vertical-align: middle;
          line-height: 1; }
        .otsuka > .inner .unav > li.menu01 span {
          overflow: hidden;
          display: inline-block;
          text-indent: 200%;
          white-space: nowrap;
          line-height: 1;
          background-image: url("../../images/common/mod_img_sprite.png");
          width: 130px;
          height: 16px;
          background-position: -76px -26px; }
        .otsuka > .inner .unav > li.menu02 span {
          overflow: hidden;
          display: inline-block;
          text-indent: 200%;
          white-space: nowrap;
          line-height: 1;
          background-image: url("../../images/common/mod_img_sprite.png");
          width: 90px;
          height: 16px;
          background-position: -218px 0px; }
        .otsuka > .inner .unav > li.menu03 span {
          overflow: hidden;
          display: inline-block;
          text-indent: 200%;
          white-space: nowrap;
          line-height: 1;
          background-image: url("../../images/common/mod_img_sprite.png");
          width: 132px;
          height: 16px;
          background-position: -76px 0px; }
        .otsuka > .inner .unav > li.menu04 span {
          overflow: hidden;
          display: inline-block;
          text-indent: 200%;
          white-space: nowrap;
          line-height: 1;
          background-image: url("../../images/common/mod_img_sprite.png");
          width: 66px;
          height: 16px;
          background-position: -218px -76px; }
        .otsuka > .inner .unav > li:nth-of-type(n+2) {
          margin-left: 15px; }
      .otsuka > .inner02 {
        padding: 7px 0;
        font-size: 1.2rem; }
        .otsuka > .inner02::before {
          background-color: #eeeeee;
          position: absolute;
          top: 0;
          right: -190px;
          bottom: 0;
          left: -190px;
          content: "";
          z-index: -1; }
        .otsuka > .inner02 ul > li:nth-of-type(n+2) {
          margin-left: 10px; }
        .otsuka > .inner02 a {
          color: #828282;
          text-decoration: none; } }
  @media screen and (min-width: 1201px) {
    .otsuka .inner02::before {
      right: calc(50% - 50vw);
      left: calc(50% - 50vw); } }
  @media screen and (max-width: 767px) {
    .otsuka {
      background: #ffffff; }
      .otsuka > .inner {
        padding: 22px 0 0 22px; }
        .otsuka > .inner .logo {
          margin: 0 0 20px; }
          .otsuka > .inner .logo img {
            width: 165px;
            height: auto; }
        .otsuka > .inner .unav {
          display: none; }
      .otsuka > .inner02 {
        text-align: center;
        font-size: 1rem; }
        .otsuka > .inner02 .unav02 {
          margin: 0 43px 30px; }
          .otsuka > .inner02 .unav02 > li {
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            width: 49%;
            line-height: 1;
            text-align: left;
            white-space: nowrap;
            display: inline-block;
            vertical-align: middle; }
            .otsuka > .inner02 .unav02 > li:nth-of-type(2n) {
              border-left: 1px solid #000000;
              padding-left: 35px; }
            .otsuka > .inner02 .unav02 > li:nth-of-type(n+3) {
              margin-top: 15px; }
        .otsuka > .inner02 a {
          color: #333333;
          text-decoration: none; }
        .otsuka > .inner02 .copyright {
          background: #000000;
          line-height: 30px; }
          .otsuka > .inner02 .copyright a {
            color: #ffffff; } }