@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab");
@import url(//cdn.jsdelivr.net/npm/yakuhanjp@3.0.0/dist/css/yakuhanjp_s.min.css);
@import url(//cdn.jsdelivr.net/npm/yakuhanjp@3.0.0/dist/css/yakuhanmp_s.min.css);
/*====================
@KEYFRAMES
====================*/
@keyframes anmtn-GR {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
* {
  box-sizing: border-box; }

html {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    html {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; } }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
p {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline; }

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

html {
  overflow-y: scroll; }

blockquote,
q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

ol,
ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption,
th {
  text-align: left; }

a:focus {
  outline: none; }

.cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

/* For modern browsers */
.cf:before,
.cf:after {
  content: "";
  display: table; }

.cf:after {
  clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom: 1; }

* html .clearfix {
  height: 1px; }

.both {
  clear: both; }

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

table {
  width: 100%; }

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

/*====================
FLEX BOX
====================*/
.flexBox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
  @media screen and (min-width: 1px) and (max-width: 768px) {
    .flexBox {
      flex-wrap: wrap; } }
  .flexBox.fd-colum {
    flex-direction: column; }
  .flexBox.jc-fs {
    justify-content: flex-start; }
  .flexBox.jc-fe {
    justify-content: flex-end; }
  .flexBox.jc-c {
    justify-content: center; }
  .flexBox.jc-sb {
    justify-content: space-between; }
  .flexBox.jc-sa {
    justify-content: space-around; }
  .flexBox.ai-fs {
    align-items: flex-start; }
  .flexBox.ai-c {
    align-items: center; }
  .flexBox.ai-fe {
    align-items: flex-end; }
  .flexBox.ac-fs {
    align-content: flex-start; }
  .flexBox.ac-fe {
    align-content: flex-end; }
  .flexBox.ac-c {
    align-content: center; }
  .flexBox.ac-sb {
    align-content: space-between; }
  .flexBox.ac-sa {
    align-content: space-around; }
  .flexBox.fw-wrap {
    flex-wrap: wrap; }

.flexBox-sp {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap; }
  .flexBox-sp.fd-colum {
    flex-direction: column; }
  .flexBox-sp.jc-fs {
    justify-content: flex-start; }
  .flexBox-sp.jc-fe {
    justify-content: flex-end; }
  .flexBox-sp.jc-c {
    justify-content: center; }
  .flexBox-sp.jc-sb {
    justify-content: space-between; }
  .flexBox-sp.jc-sa {
    justify-content: space-around; }
  .flexBox-sp.ai-fs {
    align-items: flex-start; }
  .flexBox-sp.ai-c {
    align-items: center; }
  .flexBox-sp.ai-fe {
    align-items: flex-end; }
  .flexBox-sp.ac-fs {
    align-content: flex-start; }
  .flexBox-sp.ac-fe {
    align-content: flex-end; }
  .flexBox-sp.ac-c {
    align-content: center; }
  .flexBox-sp.ac-sb {
    align-content: space-between; }
  .flexBox-sp.ac-sa {
    align-content: space-around; }
  .flexBox-sp.fw-wrap {
    flex-wrap: wrap; }

/*====================
テキスト調整
====================*/
.taC {
  display: block;
  text-align: center; }

.taL {
  display: block;
  text-align: left; }

.taR {
  display: block;
  text-align: right; }

.txt-indent--05em {
  display: inline-block;
  text-indent: -.5em; }

.txt-indent-1em {
  display: inline-block;
  text-indent: 1em; }

.txt-indentHead-2em {
  padding-left: 2em;
  text-indent: -2em; }

.txt-indentHead-105em {
  padding-left: 1.5em;
  text-indent: -1.5em; }

.txt-indentHead-1em {
  padding-left: 1em;
  text-indent: -1em; }

.txt-indentHead-05em {
  padding-left: .5em;
  text-indent: -.5em; }

.txt-09em {
  font-size: .9em; }

.txtShorten001em {
  letter-spacing: -.01em; }

.txtShorten002em {
  letter-spacing: -.02em; }

.txtShorten003em {
  letter-spacing: -.03em; }

.txtShorten004em {
  letter-spacing: -.04em; }

.txtShorten005em {
  letter-spacing: -.05em; }

.txtShorten006em {
  letter-spacing: -.06em; }

.txtShorten007em {
  letter-spacing: -.07em; }

.txtShorten008em {
  letter-spacing: -.08em; }

.txtShorten009em {
  letter-spacing: -.09em; }

.txtShorten01em {
  letter-spacing: -.1em; }

.txtShorten015em {
  letter-spacing: -.15em; }

.txtSmallen095em {
  font-size: .95em; }

.txtSmallen09em {
  font-size: .9em; }

.txtSmallen085em {
  font-size: .85em; }

.txtSmallen08em {
  font-size: .8em; }

/*====================
調整各種
====================*/
.justify {
  text-align: justify;
  text-justify: distribute;
  -moz-text-align-last: justify;
  -ms-text-align-last: justify;
  text-align-last: justify; }

.indentHead {
  clear: both;
  display: block;
  float: left;
  margin-right: 0.5em; }

.indentBody {
  display: block;
  overflow: hidden; }

.box-shadow {
  box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 3px 3px;
  border-radius: 2px; }

*:hover {
  outline: none;
  text-decoration: none; }

.op0 {
  opacity: 0; }

@media screen and (max-width: 768px) {
  .nowrap-sp {
    white-space: nowrap; } }
.nowrap-pc {
  white-space: normal; }

.nowrap {
  white-space: nowrap; }

/*====================
リンク設定
====================*/
a {
  text-decoration: none;
  color: inherit;
  font-weight: inherit;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  a:hover, a:active {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  a img {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    a img:hover, a img:active {
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
  a:hover, a:active {
    opacity: .9; }
  a img {
    border: none; }
    a img:hover, a img:active {
      filter: alpha(opacity=9);
      -moz-opacity: .9;
      opacity: .9; }
  a.Logo:hover {
    opacity: 1; }
    a.Logo:hover img {
      opacity: 1; }
  a.link {
    color: #08c;
    text-decoration: underline; }
    a.link:hover, a.link:active {
      opacity: .9;
      text-decoration: none; }
  a.tel {
    opacity: 1;
    cursor: default; }
    a.tel:hover, a.tel:active {
      opacity: 1;
      cursor: default; }
    a.tel img {
      opacity: 1;
      cursor: default;
      height: auto; }
      a.tel img:hover, a.tel img:active {
        opacity: 1;
        cursor: default; }
  a.ov:hover {
    box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18); }

a.link-1,
.link-1 a {
  padding: .1em .4em;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, #0088cc 50%);
  background-position: 0 0;
  background-size: auto 200%;
  transition: .3s;
  font-weight: bold;
  color: #08c;
  border-bottom: 1px solid #08c; }
  a.link-1:hover, a.link-1:active,
  .link-1 a:hover,
  .link-1 a:active {
    background-position: 0 100%;
    color: #fff;
    border-radius: 3px; }

a.link-2,
.link-2 a {
  position: relative;
  display: inline-block;
  transition: .3s; }
  a.link-2::before, a.link-2::after,
  .link-2 a::before,
  .link-2 a::after {
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    background-color: #08c;
    transition: .3s; }
  a.link-2::before,
  .link-2 a::before {
    top: 0;
    left: 0; }
  a.link-2::after,
  .link-2 a::after {
    bottom: 0;
    right: 0; }
  a.link-2:hover::before, a.link-2:hover::after, a.link-2:active::before, a.link-2:active::after,
  .link-2 a:hover::before,
  .link-2 a:hover::after,
  .link-2 a:active::before,
  .link-2 a:active::after {
    width: 100%; }

/*====================
リスト設定
====================*/
.listDisc > li {
  list-style-type: disc;
  margin-left: 1.5em; }

.listDecimal > li {
  list-style-type: decimal;
  margin-left: 1.2em; }

.privacy .title_sentence {
  font-size: 1.2em; }
.privacy .listDecimal {
  margin-left: 2em; }

.listEncircledNumber > li {
  list-style: none;
  text-indent: -1.2em;
  padding-left: 1.2em; }
  .listEncircledNumber > li:first-child:before {
    content: "\2460."; }
  .listEncircledNumber > li:first-child + li:before {
    content: "\2461."; }
  .listEncircledNumber > li:first-child + li + li:before {
    content: "\2462."; }
  .listEncircledNumber > li:first-child + li + li + li:before {
    content: "\2463."; }
  .listEncircledNumber > li:first-child + li + li + li + li:before {
    content: "\2464."; }
  .listEncircledNumber > li:first-child + li + li + li + li + li:before {
    content: "\2465."; }
  .listEncircledNumber > li:first-child + li + li + li + li + li + li:before {
    content: "\2466."; }
  .listEncircledNumber > li:first-child + li + li + li + li + li + li + li:before {
    content: "\2467."; }
  .listEncircledNumber > li:first-child + li + li + li + li + li + li + li + li:before {
    content: "\2468."; }
  .listEncircledNumber > li:first-child + li + li + li + li + li + li + li + li + li:before {
    content: "\2469."; }

.listKatakana li {
  list-style-type: none;
  text-indent: -2em;
  margin-left: 2em;
  counter-increment: calc-ex10; }
  .listKatakana li:before {
    content: "(" counter(calc-ex10,katakana) ")";
    display: inline-block;
    width: 2em;
    text-indent: 0; }

.listAsterisk {
  list-style: none;
  text-indent: -1.2em;
  padding-left: 1.2em; }
  .listAsterisk li:before {
    content: "＊"; }

.listKome {
  list-style: none;
  text-indent: -1.2em;
  padding-left: 1.2em; }
  .listKome li:before {
    content: "※"; }

.listTri {
  list-style: none;
  text-indent: -1.2em;
  padding-left: 1.2em; }
  .listTri li:before {
    content: "▶";
    font-size: .8em; }

.Kome {
  display: block;
  list-style: none;
  text-indent: -1.2em;
  padding-left: 1.2em; }
  .Kome span:before {
    content: "※"; }

.Colon {
  display: block;
  list-style: none;
  text-indent: -1.2em;
  padding-left: 1.2em; }
  .Colon span:before {
    content: ":"; }

.listMaru {
  list-style: none;
  text-indent: -1.2em;
  padding-left: 1.2em; }
  .listMaru li:before {
    content: "●"; }

/*====================
フォーム部品デフォルト設定
====================*/
/**/
@media screen and (max-width: 768px) {
  .link:active {
    background: #08c;
    color: #fff;
    text-decoration: none; } }
@media screen and (max-width: 768px) {
  a.tel,
  .footer .tel {
    text-decoration: underline; } }
@media print {
  html,
  body {
    /* _zoom: 0.65;*/
    width: 100% !important; }

  container {
    margin: 0 auto; }

  #page-top {
    display: none; }

  .wrap {
    width: 100% !important; }

  .box-shadow {
    box-shadow: none;
    border: 1px solid #C8C8C8;
    border-radius: 2px; } }
.submit_button {
  box-sizing: border-box;
  height: 50px;
  padding: 0 2em;
  background: #1D2087;
  color: #fff;
  border: 1px solid #1D2087;
  border-radius: 25px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  font-family: "YakuHanJPs", "Roboto Slab", "-apple-system", "BlinkMacSystemFont", "notosans_400-jis_1st", "notosans_400-jis_2nd", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "MyYuGothic", "Meiryo", "メイリオ", "YuGothic", "Yu Gothic", "游ゴシック", "Helvetica", sans-serif; }
  .submit_button:hover, .submit_button:active {
    background: rgba(255, 255, 255, 0.8);
    color: #5f96ed;
    border: 1px solid rgba(95, 150, 237, 0.8);
    cursor: pointer;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); }

.history_back_button {
  box-sizing: border-box;
  display: inline-block;
  height: 50px;
  margin: 1em 2em;
  padding: 0 2em;
  background: white;
  color: #ff6347;
  border: 1px solid #ff6347;
  border-radius: 25px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }
  .history_back_button:hover, .history_back_button:active {
    background: rgba(255, 99, 71, 0.6);
    color: #fff;
    border: 1px solid #ff6347;
    cursor: pointer;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); }

.to_top_button {
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  padding: 0 2em;
  background: #fff;
  font-size: 1.5rem;
  color: #aae8e5;
  border: 1px solid #aae8e5;
  border-radius: 3px;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }
  .to_top_button:hover, .to_top_button:active {
    background: #aae8e5;
    color: #fff;
    border: 1px solid #aae8e5;
    cursor: pointer;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); }

.confirmation {
  /*width: 70%;*/
  margin: 0 auto; }
  .confirmation h2 {
    margin: 1em 0;
    text-align: center;
    font-size: 1.3em;
    color: tomato; }
  .confirmation .table_set {
    width: 100%;
  /*.contact .confirmation p {
  text-align: center;
  margin: 0 0 1.5em;
}*/ }
    .confirmation .table_set tr:nth-child(odd) {
      background: rgba(0, 0, 0, 0.02); }
    .confirmation .table_set th,
    .confirmation .table_set td {
      padding: 1em 2em;
      text-align: left;
      vertical-align: top; }
    .confirmation .table_set th {
      width: 6.5em;
      background: rgba(0, 0, 0, 0.02);
      text-align-last: justify; }
    .confirmation .table_set td {
      text-align: left; }

.button_area {
  text-align: center;
  margin: 3em 0; }

.contact .transmission {
  margin: auto auto; }

.contact .transmission h2 {
  margin: 1em 0;
  text-align: center;
  font-size: 1.3em;
  color: mediumturquoise; }

.contact .transmission .table_set {
  width: 80%;
  margin: 0 auto; }

.contact .transmission .table_set th {
  width: 45%; }

/*.contact .confirmation p {
text-align: center;
margin: 0 0 1.5em;
}*/
.contact .confirmation .notice_list {
  width: 24em;
  margin: 0 auto;
  color: tomato;
  list-style-type: disc; }

.button_area {
  text-align: center;
  margin: 3em 0; }

.thanks {
  width: 100%;
  /*height : -webkit-calc(100vh - 500px);
  height : calc(100vh - 500px);*/ }
  @media screen and (max-width: 640px) {
    .thanks .contact .thanks {
      width: 95%;
      margin: 0 auto; } }
  .thanks .thanks_heading {
    margin-bottom: .5em;
    text-align: center;
    font-size: 2em;
    font-size: 28px;
    color: #138190; }
  .thanks .btn_area {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 25px 0; }
  .thanks .thanks_messe {
    margin: 0 auto;
    text-align: center; }
    .thanks .thanks_messe p {
      display: inline-block;
      font-size: 1em; }
    .thanks .thanks_messe .address {
      margin: 2em auto 0;
      text-align: center;
      font-weight: bold; }
      .thanks .thanks_messe .address .address_heading {
        margin-bottom: .5em;
        font-weight: bold; }
      .thanks .thanks_messe .address .address_txt {
        display: inline-block;
        margin-top: 0;
        text-align: left; }
        .thanks .thanks_messe .address .address_txt .indentHead {
          width: 3.5em; }
        .thanks .thanks_messe .address .address_txt .indentBody {
          white-space: nowrap; }

/*よく使うCSS end */
/* Scss Document */
/*************************************************

To TOP

*************************************************/
#page-top {
  position: fixed;
  bottom: 15px;
  right: 20px;
  font-size: 100%;
  z-index: 999; }
  #page-top a {
    background: rgba(96, 180, 180, 0.8) url(arrow-toTop.svg) no-repeat center center/20px 8px;
    text-decoration: none;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    display: block;
    border: 1px solid #60b4b4;
    border-radius: 2px; }
    #page-top a:hover, #page-top a:active {
      box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18);
      text-decoration: none;
      background-color: rgba(235, 167, 166, 0.8);
      border: 1px solid #eba7a6;
      border-radius: 25px; }

#areaPageTop {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px; }
  .index #areaPageTop {
    margin-top: 0; }
  @media screen and (min-width: 1px) and (max-width: 768px) {
    #areaPageTop {
      text-align: center; } }
  #areaPageTop a {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.05);
    padding-top: 8px; }
    @media screen and (min-width: 1px) and (max-width: 768px) {
      #areaPageTop a {
        padding-top: 15px; } }
    #areaPageTop a:before, #areaPageTop a:after {
      position: absolute;
      transition-delay: 0.5s;
      -moz-transition-delay: 0.5s;
      -webkit-transition-delay: 0.5s;
      -o-transition-delay: 0.5s;
      -ms-transition-delay: 0.5s;
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      -moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      -ms-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      left: 50%;
      content: "";
      display: block;
      background-color: #607182;
      width: 50%;
      height: 1px;
      bottom: 13px; }
      @media screen and (min-width: 1px) and (max-width: 768px) {
        #areaPageTop a:before, #areaPageTop a:after {
          display: none; } }
    #areaPageTop a:hover, #areaPageTop a:active {
      background: rgba(0, 162, 157, 0.05); }
    #areaPageTop a:before {
      width: 50px;
      margin-left: -50px; }
    #areaPageTop a:after {
      width: 50px;
      bottom: 13px; }
    #areaPageTop a:hover:before, #areaPageTop a:hover:after, #areaPageTop a:active:before, #areaPageTop a:active:after {
      width: 50px;
      background-color: #575e68; }
    #areaPageTop a:hover:before, #areaPageTop a:active:before {
      width: 20px;
      margin-left: -18px;
      -webkit-transform: rotate(-38deg);
      -moz-transform: rotate(-38deg);
      -o-transform: rotate(-38deg);
      -ms-transform: rotate(-38deg); }
    #areaPageTop a:hover:after, #areaPageTop a:active:after {
      width: 20px;
      margin-left: -2px;
      -webkit-transform: rotate(38deg);
      -moz-transform: rotate(38deg);
      -o-transform: rotate(38deg);
      -ms-transform: rotate(38deg); }
    #areaPageTop a img {
      width: 33px;
      margin: 0 auto;
      display: block;
      position: relative;
      transition-delay: 0.5s;
      -moz-transition-delay: 0.5s;
      -webkit-transition-delay: 0.5s;
      -o-transition-delay: 0.5s;
      -ms-transition-delay: 0.5s;
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      -moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
      -ms-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }

/*==================
▼ ページ外アンカーリンク ヘッダー固定分ずらす ▼
====================*/
a[id]:not([href]) {
  display: block;
  padding-top: 130px;
  margin-top: -130px;
  z-index: -1;
  pointer-events: none; }
  @media screen and (min-width: 1px) and (max-width: 768px) {
    a[id]:not([href]) {
      padding-top: 60px;
      margin-top: -60px; } }

/*==================
▲ ページ外アンカーリンク ヘッダー固定分ずらす ▲
====================*/
/*==================
▼ サイド固定 ▼
====================*/
@media all and (-ms-high-contrast: none) {
  .fixed {
    position: fixed;
    top: 0 !important;
    /*width: 100%;*/
    z-index: 10000;
    opacity: 1; }
    .fixed#fixedSide {
      top: 30px !important; } }
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 1vw;
  /* ----- ↓ 印刷設定 ↓ ----- */
  /* ----- ↑ 印刷設定 ↑ ----- */ }
  @media print {
    .sticky {
      position: absolute;
      top: 120px;
      right: 0; } }

.sticky:before,
.sticky:after {
  content: '';
  display: table; }

/*==================
▲ サイド固定 ▲
====================*/
/*==================
▼ スクロールボタン ▼
====================*/
a.scroll {
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: -15px;
  z-index: 5;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
  color: #fff;
  padding-top: 35px; }
  @media screen and (min-width: 1px) and (max-width: 768px) {
    a.scroll {
      bottom: -10px;
      padding-top: 20px; } }
  a.scroll span {
    position: absolute;
    top: 0;
    /*left: 50%;*/
    width: 30px;
    height: 30px;
    /*margin-left: -15px;*/
    border: 2px solid #fff;
    border-radius: 100%;
    box-sizing: border-box; }
    @media screen and (min-width: 1px) and (max-width: 768px) {
      a.scroll span {
        top: -15px; } }
    a.scroll span::after {
      position: absolute;
      top: 23%;
      left: 34%;
      content: '';
      width: 10px;
      height: 10px;
      margin: 0;
      border-left: 2px solid #fff;
      border-bottom: 2px solid #fff;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      box-sizing: border-box; }
    a.scroll span::before {
      position: absolute;
      top: 0;
      left: 0;
      /*z-index: -1;*/
      content: '';
      width: 30px;
      height: 30px;
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1);
      border-radius: 100%;
      opacity: 0;
      -webkit-animation: sdb-arrow 3s infinite;
      animation: sdb-arrow 3s infinite;
      box-sizing: border-box; }
  a.scroll .txt {
    color: #fff; }

@-webkit-keyframes sdb-arrow {
  0% {
    opacity: 0; }
  30% {
    opacity: 0; }
  60% {
    opacity: 0; }
  100% {
    box-shadow: 0 0 0 60px rgba(255, 255, 255, 0.1);
    opacity: 0; } }
@keyframes sdb-arrow {
  0% {
    opacity: 0; }
  30% {
    opacity: 1; }
  60% {
    opacity: 1; }
  100% {
    box-shadow: 0 0 0 60px rgba(255, 255, 255, 0.1);
    opacity: 0; } }
/*==================
▲ スクロールボタン ▲
====================*/
/*==================
▼ スクロールマウスアイコン ▼
====================*/
.scrollMouse {
  position: absolute;
  bottom: 20px;
  left: calc(50% - 15px);
  z-index: 5;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
  padding-top: 60px; }
  .scrollMouse span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    height: 50px;
    margin-left: -15px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box; }
    .scrollMouse span::before {
      position: absolute;
      top: 10px;
      left: 50%;
      content: '';
      width: 6px;
      height: 6px;
      margin-left: -3px;
      background-color: #fff;
      border-radius: 100%;
      -webkit-animation: sdb-mouse 2s infinite;
      animation: sdb-mouse 2s infinite;
      box-sizing: border-box; }
  .scrollMouse .txt {
    color: #fff; }

@-webkit-keyframes sdb-mouse {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes sdb-mouse {
  0% {
    transform: translate(0, 0);
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    transform: translate(0, 20px);
    opacity: 0; }
  100% {
    opacity: 0; } }
/*==================
▲ スクロールマウスアイコン ▲
====================*/
/*************************************************

COMMON

*************************************************/
/*====================
Lato
====================*/
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url(//fonts.gstatic.com/s/lato/v13/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url(//fonts.gstatic.com/s/lato/v13/EsvMC5un3kjyUhB9ZEPPwg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url(//fonts.gstatic.com/s/lato/v13/UyBMtLsHKBKXelqf4x7VRQ.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url(//fonts.gstatic.com/s/lato/v13/1YwB1sO8YE1Lyjf12WNiUA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
/*====================
NOTO SANS
====================*/
/*========== Demi light ============*/
@font-face {
  font-family: "notosans_300-jis_1st";
  src: url("../fonts/notosans/notosans_300-jis_1st.eot?") format("eot"), url("../fonts/notosans/notosans_300-jis_1st.woff") format("woff"), url("../fonts/notosans/notosans_300-jis_1st.otf") format("opentype"); }
@font-face {
  font-family: "notosans_300-jis_2nd";
  src: url("../fonts/notosans/notosans_300-jis_2nd.eot?") format("eot"), url("../fonts/notosans/notosans_300-jis_2nd.woff") format("woff"), url("../fonts/notosans/notosans_300-jis_2nd.otf") format("opentype"); }
/*========== Regular ============*/
@font-face {
  font-family: "notosans_400-jis_1st";
  src: url("../fonts/notosans/notosans_400-jis_1st.eot?") format("eot"), url("../fonts/notosans/notosans_400-jis_1st.woff") format("woff"), url("../fonts/notosans/notosans_400-jis_1st.otf") format("opentype"); }
@font-face {
  font-family: "notosans_400-jis_2nd";
  src: url("../fonts/notosans/notosans_400-jis_2nd.eot?") format("eot"), url("../fonts/notosans/notosans_400-jis_2nd.woff") format("woff"), url("../fonts/notosans/notosans_400-jis_2nd.otf") format("opentype"); }
/*========== Medium ============*/
@font-face {
  font-family: "notosans_500-jis_1st";
  src: url("../fonts/notosans/notosans_500-jis_1st.eot?") format("eot"), url("../fonts/notosans/notosans_500-jis_1st.woff") format("woff"), url("../fonts/notosans/notosans_500-jis_1st.otf") format("opentype"); }
@font-face {
  font-family: "notosans_500-jis_2nd";
  src: url("../fonts/notosans/notosans_500-jis_2nd.eot?") format("eot"), url("../fonts/notosans/notosans_500-jis_2nd.woff") format("woff"), url("../fonts/notosans/notosans_500-jis_2nd.otf") format("opentype"); }
.yakuhanjps {
  font-family: YakuHanJPs, "Hiragino Sans", Meiryo, "Yu Gothic Medium", sans-serif; }

.yakuhanmps {
  font-family: YakuHanMPs, "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200; }
/*====================
↓ 游ゴシック タイポ有 ↓
====================*/
@font-face {
  font-family: MyYuGothic;
  font-weight: normal;
  src: local(YuGothic-Medium), local("Yu Gothic Medium"); }
@font-face {
  font-family: MyYuGothic;
  font-weight: bold;
  src: local(YuGothic-Bold), local("Yu Gothic"); }
body[data-os^="Windows"] {
  font-family: Helvetica, Meiryo, sans-serif; }

body[data-os="Windows 10"] {
  font-family: Helvetica, MyYuGothic, Meiryo, sans-serif; }

body[data-browser="safari"] {
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna"; }

/*====================
↑ 游ゴシック タイポ有 ↑
====================*/
/*************************************************

COMMON

*************************************************/
/*==============================
↓ Google Maps 表示ボックス ↓
==============================*/
#map {
  width: 100%;
  height: 310px;
  margin: 0 auto;
  border: 1px solid #E5DAD7; }

/*==============================
↑ Google Maps 表示ボックス ↑
==============================*/
/*!==============================
↓ 印刷設定 ↓
==============================*/
@media print {
  html,
  body {
    /*_zoom: 0.65;*/
    width: 980px !important; }

  .container {
    margin: 0 auto; }

  #page-top {
    display: none; }

  .wrap {
    width: 980px !important;
    margin: 0 auto; }

  @supports (-ms-ime-align: auto) {
    * {
      text-shadow: none !important;
      box-shadow: none !important; } }
  .wow {
    visibility: visible !important; } }
/*==============================
↑ 印刷設定 ↑
==============================*/
@media print, screen and (min-width: 769px) {
  .sp {
    display: none !important; } }
@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
    height: 0 !important; } }
/* = Selected Text = */
::selection {
  background: rgba(219, 82, 82, 0.2);
  color: #0c1939;
  /* Safari用 */ }

::-moz-selection {
  background: rgba(219, 82, 82, 0.2);
  color: #0c1939;
  /* Firefox用 */ }

/* = Selected Text = */
html {
  font-size: 62.5%; }

body {
  display: none;
  position: relative;
  /*font-family: sans-serif;*/
  margin: 0;
  padding: 0;
  font-family: "YakuHanJPs", "Roboto Slab", "-apple-system", "BlinkMacSystemFont", "notosans_400-jis_1st", "notosans_400-jis_2nd", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "MyYuGothic", "Meiryo", "メイリオ", "YuGothic", "Yu Gothic", "游ゴシック", "Helvetica", sans-serif;
  font-size: 1.2rem;
  line-height: 1.9;
  color: #757575;
  font-synthesis: weight style;
  text-rendering: optimizeLegibility;
  /*-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;*/
  -moz-font-feature-settings: 'liga', 'kern';
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  /* フォントレンダリング設定: 1x解像度ではsubpixel、2x以上の解像度ではgrayscale */
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    body {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; } }

.serif {
  font-family: "YakuHanMP", "Garamond", "Times New Roman", "Hiragino Mincho Pro", "HiraMinProN-W3", "Yu Mincho", "HGS明朝E", "MS PMincho", serif; }

.rounded {
  font-family: "YakuHanRPs", "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"; }

#page_top.container {
  width: 100%;
  overflow: hidden; }

.wrap {
  /*width: 95%;*/
  /*overflow: hidden;*/
  max-width: 1000px;
  margin: 0 auto; }

.emphasis {
  display: inline-block;
  width: 2.8em;
  height: 1.3em;
  line-height: 1.3em;
  background: tomato;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff; }

/*************************************************
↓  ボタン ｜ ▶ ↓
*************************************************/
.btn {
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); }
  .btn:hover, .btn:active {
    box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18); }

.btn_tri {
  box-sizing: border-box;
  display: inline-block;
  margin: 0 auto;
  font-size: 1.2em;
  color: #fff;
  border: 1px solid #fff; }
  .btn_tri .btn_purpose {
    display: inline-block;
    padding: .5em 3em; }
  .btn_tri::after {
    content: "▶";
    display: inline-block;
    padding: .5em 1em;
    border-left: 1px solid #fff; }
  .btn_tri.red {
    background: #ff6347; }
  .btn_tri.yellow {
    background: rgba(237, 173, 50, 0.9); }
    .btn_tri.yellow:active {
      background: #fff;
      color: rgba(237, 173, 50, 0.9);
      border: 1px solid rgba(237, 173, 50, 0.9); }
      .btn_tri.yellow:active::after {
        border-left: 1px solid rgba(237, 173, 50, 0.9); }
  .btn_tri.white {
    background: rgba(255, 255, 255, 0.9);
    color: #00a29d; }
    .btn_tri.white::after {
      border-left: 1px solid rgba(0, 162, 157, 0.9); }
    .btn_tri.white:hover, .btn_tri.white:active {
      background: #00a29d;
      color: rgba(255, 255, 255, 0.9);
      border: 1px solid rgba(255, 255, 255, 0.9); }
      .btn_tri.white:hover::after, .btn_tri.white:active::after {
        border-left: 1px solid rgba(255, 255, 255, 0.9); }

@media screen and (max-width: 768px) {
  .btn_tri {
    font-size: 1.2em; } }
@media screen and (max-width: 768px) {
  .btn_tri .btn_purpose {
    padding: .5em 2em; } }
@media screen and (max-width: 768px) {
  .btn_tri::after {
    padding: .5em 1em; } }
/*************************************************
↑  ボタン ｜ ▶ ↑
*************************************************/
/*****************↓  ボタン ｜ ▶ - 赤　↓*****************/
@media print, screen and (min-width: 768px) {
  .btn_tri.red:hover {
    background: #fff;
    color: #ff6347;
    border: 1px solid #ff6347; } }
@media screen and (max-width: 768px) {
  .btn_tri.red:active {
    background: #fff;
    color: #ff6347;
    border: 1px solid #ff6347; } }
@media print, screen and (min-width: 768px) {
  .btn_tri.red:hover::after {
    border-left: 1px solid #ff6347; } }
@media screen and (max-width: 768px) {
  .btn_tri.red:active::after {
    border-left: 1px solid #ff6347; } }
/*****************↑  ボタン ｜ ▶ - 赤　↑*****************/
/*****************↓  ボタン ｜ ▶ - 黄　↓*****************/
@media print, screen and (min-width: 641px) {
  .btn_tri.yellow:hover {
    background: #fff;
    color: rgba(237, 173, 50, 0.9);
    border: 1px solid rgba(237, 173, 50, 0.9); }
    .btn_tri.yellow:hover::after {
      border-left: 1px solid rgba(237, 173, 50, 0.9); } }
/*****************↑  ボタン ｜ ▶ - 黄　↑*****************/
/*====================
グラデーションボタン
====================*/
.btnGR {
  padding: .5em 2em;
  border-radius: 15%;
  /*****************↓ グレー　↓ *****************/
  /*****************↑ グレー ↑*****************/
  /*==================== アニメーションボタン ====================*/
  /*****************↓ グレー　↓ *****************/
  /*****************↑ グレー ↑*****************/
  /*****************↓ ブルーー　↓ *****************/
  /*****************↑ ブルー ↑*****************/
  /*****************↓ ソフト　↓ *****************/
  /*****************↑ ソフト ↑*****************/
  /*****************↓ ドミナント アクセントカラー グラデーション ↓ *****************/
  /*****************↑ ドミナント アクセントカラー グラデーション ↑*****************/ }
  .btnGR.grey {
    background: -moz-linear-gradient(to right, #dbdbdb, #979797);
    background: -webkit-linear-gradient(to right, #dbdbdb, #979797);
    background: linear-gradient(to right, #dbdbdb, #979797);
    background-size: 101% 101%;
    color: #fff;
    border: 1px solid #979797;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); }
    .btnGR.grey::after {
      border-left: 1px solid #fff; }
    .btnGR.grey:hover, .btnGR.grey:active {
      background: -moz-linear-gradient(to right, #c9c9c9, #fff);
      background: -webkit-linear-gradient(to right, #c9c9c9);
      background: linear-gradient(to right, #c9c9c9, #fff);
      color: #979797;
      border: 1px solid #979797;
      background-size: 101% 101%;
      box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18); }
      .btnGR.grey:hover::after, .btnGR.grey:active::after {
        border-left: 1px solid #ff6347; }
  .btnGR.greyAnime {
    animation: anmtn-GR 15s linear infinite;
    background: -moz-linear-gradient(to right, #dbdbdb, #979797, #dbdbdb, #979797, #dbdbdb);
    background: -webkit-linear-gradient(to right, #dbdbdb, #979797, #dbdbdb, #979797, #dbdbdb);
    background: linear-gradient(to right, #dbdbdb, #979797, #dbdbdb, #979797, #dbdbdb);
    background-size: 1000% 1000%;
    color: #fff;
    border: 1px solid rgba(255, 99, 71, 0);
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); }
    .btnGR.greyAnime::after {
      border-left: 1px solid #fff; }
    .btnGR.greyAnime:hover, .btnGR.greyAnime:active {
      background: -moz-linear-gradient(to right, #c9c9c9, #fff, #c9c9c9, #fff, #c9c9c9);
      background: -webkit-linear-gradient(to right, #c9c9c9, #fff, #c9c9c9, #fff, #c9c9c9);
      background: linear-gradient(to right, #c9c9c9, #fff, #c9c9c9, #fff, #c9c9c9);
      background-size: 1000% 1000%;
      color: #979797;
      border: 1px solid #979797;
      box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18); }
      .btnGR.greyAnime:hover::after, .btnGR.greyAnime:active::after {
        border-left: 1px solid #ff6347; }
  .btnGR.blueAnime {
    animation: anmtn-GR 15s linear infinite;
    background: -moz-linear-gradient(45deg, #00f1fe, #2f89c1, #00f1fe, #2f89c1, #00f1fe, #2f89c1, #00f1fe, #2f89c1);
    background: -webkit-linear-gradient(45deg, #00f1fe, #2f89c1, #00f1fe, #2f89c1, #00f1fe, #2f89c1, #00f1fe, #2f89c1);
    background: linear-gradient(45deg, #00f1fe, #2f89c1, #00f1fe, #2f89c1, #00f1fe, #2f89c1, #00f1fe, #2f89c1);
    background-size: 1000% 1000%;
    color: #2F79BC;
    border: 1px solid #2F79BC;
    box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18);
    color: #fff;
    border: 1px solid rgba(255, 99, 71, 0);
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); }
    .btnGR.blueAnime::after {
      border-left: 1px solid #fff; }
    .btnGR.blueAnime:hover, .btnGR.blueAnime:active {
      background: -moz-linear-gradient(to right, #00f1fe, #fff, #00f1fe, #fff, #00f1fe);
      background: -webkit-linear-gradient(to right, #00f1fe, #fff, #00f1fe, #fff, #00f1fe);
      background: linear-gradient(to right, #00f1fe, #fff, #00f1fe, #fff, #00f1fe);
      background-size: 1000% 1000%;
      color: #2f89c1;
      border: 1px solid #2f89c1;
      box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18); }
      .btnGR.blueAnime:hover::after, .btnGR.blueAnime:active::after {
        border-left: 1px solid #ff6347; }
  .btnGR.softAnime {
    animation: anmtn-GR 15s linear infinite;
    background: -moz-linear-gradient(45deg, #E3FDF5, #FFE6FA, #E3FDF5, #FFE6FA, #E3FDF5, #FFE6FA, #E3FDF5, #FFE6FA);
    background: -webkit-linear-gradient(45deg, #E3FDF5, #FFE6FA, #E3FDF5, #FFE6FA, #E3FDF5, #FFE6FA, #E3FDF5, #FFE6FA);
    background: linear-gradient(45deg, #E3FDF5, #FFE6FA, #E3FDF5, #FFE6FA, #E3FDF5, #FFE6FA, #E3FDF5, #FFE6FA);
    background-size: 1000% 1000%;
    color: #2F79BC;
    border: 1px solid #2F79BC;
    box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18);
    color: #979797;
    border: 1px solid rgba(255, 99, 71, 0);
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); }
    .btnGR.softAnime::after {
      border-left: 1px solid #fff; }
    .btnGR.softAnime:hover, .btnGR.softAnime:active {
      background: -moz-linear-gradient(45deg, #97FCDA, #FFB0F0, #97FCDA, #FFB0F0, #97FCDA, #FFB0F0, #97FCDA, #FFB0F0);
      background: -webkit-linear-gradient(45deg, #97FCDA, #FFB0F0, #97FCDA, #FFB0F0, #97FCDA, #FFB0F0, #97FCDA, #FFB0F0);
      background: linear-gradient(45deg, #97FCDA, #FFB0F0, #97FCDA, #FFB0F0, #97FCDA, #FFB0F0, #97FCDA, #FFB0F0);
      background-size: 1000% 1000%;
      color: #2f89c1;
      border: 1px solid #2f89c1;
      box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18); }
      .btnGR.softAnime:hover::after, .btnGR.softAnime:active::after {
        border-left: 1px solid #ff6347; }
  .btnGR.dminantColorAnime {
    animation: anmtn-GR 10s linear infinite;
    background: -moz-linear-gradient(45deg, #97D3E0, #fff, #F3B57F, #fff, #97D3E0, #fff, #fff, #F3B57F);
    background: -webkit-linear-gradient(45deg, #97D3E0, #fff, #F3B57F, #fff, #97D3E0, #fff, #fff, #F3B57F);
    background: linear-gradient(45deg, #97D3E0, #fff, #F3B57F, #fff, #97D3E0, #fff, #fff, #F3B57F);
    background-size: 1000% 1000%;
    color: rgba(0, 162, 157, 0.85);
    border: 1px solid rgba(255, 99, 71, 0);
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); }
    .btnGR.dminantColorAnime::after {
      border-left: 1px solid #fff; }
    .btnGR.dminantColorAnime:hover, .btnGR.dminantColorAnime:active {
      background: -moz-linear-gradient(45deg, #C1E0E9, #fff, #F4CCB2, #fff, #C1E0E9, #fff);
      background: -webkit-linear-gradient(45deg, #C1E0E9, #fff, #F4CCB2, #fff, #C1E0E9, #fff);
      background: linear-gradient(45deg, #C1E0E9, #fff, #F4CCB2, #fff, #C1E0E9, #fff);
      background-size: 1000% 1000%;
      border: 1px solid rgba(0, 162, 157, 0);
      box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18); }
      .btnGR.dminantColorAnime:hover::after, .btnGR.dminantColorAnime:active::after {
        border-left: 1px solid #ff6347; }

/*====================
矢印 CSS
====================*/
.arrow {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none; }
  .arrow::before, .arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle; }

/*====================
くの字矢印 CSS
====================*/
.directional::before {
  right: -160px;
  width: 9px;
  height: 9px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

/*==================
▼ くの字矢印 ▼
====================*/
/*.arrow {
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
&::before, &::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: “”;
vertical-align: middle;
}
}
.directional::before{
right: 3px;
width: 4px;
height: 4px;
border-top: 1px solid #7a0;
border-right: 1px solid #7a0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}*/
/*==================
▲ くの字矢印 ▲
====================*/
/*====================
MAIL ボタン
====================*/
.btnMail {
  overflow: hidden;
  display: inline-block;
  background: url(../images/icon-mail.svg) #ff6347 no-repeat 6px center/23px 14px;
  border: 1px solid #ccc; }
  .btnMail span {
    display: inline-block;
    width: 175px;
    height: 100%;
    margin-left: 37px;
    padding: .2em .5em .2em .5em;
    color: #fff;
    border-left: 1px solid #fff; }
  .btnMail:hover, .btnMail:active {
    background: url(../images/icon-mail_on.svg) #fff no-repeat 6px center/23px 14px;
    border: 1px solid #ff6347; }
    .btnMail:hover span, .btnMail:active span {
      color: #ff6347;
      border-left: 1px solid #ff6347; }

strong.lineMarker {
  padding: 0 0.2em;
  background: -webkit-linear-gradient(transparent 55%, rgba(0, 162, 157, 0.3) 20%);
  background: -o-linear-gradient(transparent 55%, rgba(0, 162, 157, 0.3) 20%);
  background: linear-gradient(transparent 55%, rgba(0, 162, 157, 0.3) 20%);
  font-weight: bold; }

.dropDown-menu {
  overflow: hidden;
  position: relative;
  height: 30px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }
  .dropDown-menu:hover, .dropDown-menu:active {
    height: 240px; }
  .dropDown-menu a {
    z-index: 2;
    background: #fff; }
  .dropDown-menu .dropDown {
    z-index: -1; }
    .dropDown-menu .dropDown li, .dropDown-menu .dropDown.current {
      display: block;
      height: auto;
      margin-top: 0;
      border-bottom: 1px solid #fff; }
      .dropDown-menu .dropDown li:last-child, .dropDown-menu .dropDown.current:last-child {
        border-right: none;
        border-bottom: none; }
        .dropDown-menu .dropDown li:last-child a, .dropDown-menu .dropDown.current:last-child a {
          border-right: none; }
      .dropDown-menu .dropDown li > a, .dropDown-menu .dropDown.current > a {
        display: block;
        width: 100%;
        height: 40px;
        padding: 10px 5%;
        background-color: rgba(0, 162, 157, 0.8) !important;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        z-index: 99 !important;
        border-left: none;
        text-align: center; }
        .dropDown-menu .dropDown li > a:hover, .dropDown-menu .dropDown li > a:active, .dropDown-menu .dropDown.current > a:hover, .dropDown-menu .dropDown.current > a:active {
          background-color: rgba(0, 162, 157, 0.5); }
        .dropDown-menu .dropDown li > a.txtSmall, .dropDown-menu .dropDown.current > a.txtSmall {
          font-size: 11px; }

/*====================
TITLE
====================*/
/*====================
PARTS
====================*/
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9; }

html.lb-disable-scrolling {
  overflow: hidden;
  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
  position: fixed;
  height: 100vh;
  width: 100vw; }

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none; }

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal; }
  .lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;
    /* Image border */
    border: 4px solid white; }
  .lightbox a img {
    border: none; }

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  /* Background color behind image.
  This is visible during transitions. */
  background-color: white; }
  .lb-outerContainer:after {
    content: "";
    display: table;
    clear: both; }

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat; }

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

.lb-container > .nav {
  left: 0; }

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block; }

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s; }
  .lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; }
.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s; }
  .lb-nav a.lb-next:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; }

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  .lb-dataContainer:after {
    content: "";
    display: table;
    clear: both; }

.lb-data {
  padding: 0 4px;
  color: #ccc; }
  .lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em; }
  .lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em; }
    .lb-data .lb-caption a {
      color: #4ae; }
  .lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999999; }
  .lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../images/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    .lb-data .lb-close:hover {
      cursor: pointer;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }

/* CSS Document */
.accordion_dl {
  width: 100%;
  overflow: hidden; }
  .accordion_dl.mb {
    margin-bottom: 0;
    border-bottom: 1px solid #fff; }
  .accordion_dl dt {
    width: 100%;
    background-color: #00a29d;
    margin: 0;
    padding: 5px 25px;
    color: #FFF;
    cursor: pointer;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out; }
    .accordion_dl dt:before {
      display: block;
      content: "";
      position: absolute;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 45%;
      right: 50px;
      width: 15px;
      height: 15px;
      margin-top: -8px;
      background: #FFF; }
    .accordion_dl dt:after {
      display: block;
      content: "";
      position: absolute;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 45%;
      right: 50px;
      width: 15px;
      height: 15px;
      margin-top: -11px;
      background-color: #00a29d; }
    .accordion_dl dt.open:before {
      margin-top: -2px; }
    .accordion_dl dt.open:after {
      margin-top: 0; }
  .accordion_dl dd {
    /*background-color: red;*/
    /*検証用*/
    background: #fff;
    /*border-bottom: solid 1px $colorDmi;*/
    padding: 0; }
    .accordion_dl dd ul li {
      position: relative;
      line-height: 1.3;
      margin: 0 1em;
      padding: 0;
      padding-left: 2.3em;
      display: block;
      /*font-size: 15px;*/
      color: #757575;
      background: #fff;
      border-bottom: #757575 solid 1px; }
      .accordion_dl dd ul li a {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        height: 40px; }
      .accordion_dl dd ul li:last-child {
        border: none; }
      .accordion_dl dd ul li::after, .accordion_dl dd ul li::before {
        display: block;
        content: '';
        position: absolute; }
      .accordion_dl dd ul li::after {
        top: 13px;
        left: .7em;
        width: 14px;
        height: 14px;
        background-color: #0c1939;
        border-radius: 100%; }
      .accordion_dl dd ul li::before {
        z-index: 2;
        top: 18px;
        left: 13px;
        width: 4px;
        height: 4px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .accordion_dl dd ul li.head {
        height: 45px;
        line-height: 45px;
        background: #fff;
        padding: 5px 0 5px 15px;
        margin-left: 0;
        text-align: left; }
        .accordion_dl dd ul li.head img {
          width: 270px; }
      .accordion_dl dd ul li.tel {
        background-image: none;
        padding: 0; }
        .accordion_dl dd ul li.tel a {
          height: 45px;
          line-height: 45px;
          display: block;
          padding-left: 40px;
          background: url(../img_sp/header-icon-tel.png) no-repeat;
          background-position: 0 center;
          background-size: 27px;
          font-weight: bold; }
      .accordion_dl dd ul li.main {
        border: none; }
      .accordion_dl dd ul li.sub {
        height: 30px;
        line-height: 30px;
        margin-left: 4em;
        border-bottom: 1px solid #d8d8d8;
        background: url(../img/bg-aside_arrow_s.png) no-repeat left center #f8f8f8;
        color: #333;
        text-align: left;
        font-size: 13px; }
      .accordion_dl dd ul li.manifesto {
        height: 45px;
        line-height: 1.3; }
        .accordion_dl dd ul li.manifesto span {
          font-size: 12px; }

/*------ 開閉矢印部分 ここから -----*/
/*------ 開閉矢印部分 ここまで -----*/
/*---------------------------------

開閉矢印部分　かぶせ ここから


.accordion_dl d  と
backgroundo-color そろえる

.accordion_dl dt:before と 
position そろえる
margin-top　ずらす

---------------------------------*/
/*------ 開閉矢印部分 ここまで -----*/
/*section.accordion_dl li,*/
/*.accordion_dl li a:before{
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 17px;
width: 10px;
height: 10px;
margin-top: -5px;
background: #9CF;
}

.accordion_dl li a:after{
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 22px;
width: 10px;
height: 10px;
margin-top: -5px;
background: #F2F2F2;
}
.accordion_dl li.head a:after{
background: #fff;
}*/
/* SCSS Document */
/* =============================================================================
BUTTON RESETS
============================================================================= */
button {
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  background: none;
  border: none;
  border-radius: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  cursor: pointer; }

/* =============================================================================
BOX SIZING AND CLEARFIX
============================================================================= */
*,
*::before,
*::after {
  box-sizing: border-box; }

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

/* =============================================================================
HTML & BODY
============================================================================= */
body.mm-menu-open {
  overflow: hidden; }

/* =============================================================================
PRIMARY LAYOUT
============================================================================= */
.wrapper {
  z-index: 5;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }

.wrapper.mm-menu-open {
  -webkit-transform: translateX(300px);
  -ms-transform: translateX(300px);
  transform: translateX(300px); }

/* =============================================================================
MM - MATERIAL MENU
============================================================================= */
/**
* MM - Material Menu
*
* All the styles for the material menu here! I've prefixed them all with "mm",
* which means material menu.
*/
/**
* Toggle Button
*
* a.k.a. hamburger icon. See the "resets" section for global button resets.
*/
.mm-menu-toggle {
  position: fixed;
  top: 17px;
  left: 12px;
  z-index: 99;
  width: 24px;
  height: 18px;
  background: linear-gradient(0deg, rgba(33, 33, 33, 0), rgba(33, 33, 33, 0) 8px, #00a29d 6px, #00a29d 10px, rgba(33, 33, 33, 0) 9px, rgba(33, 33, 33, 0) 18px);
  font-size: 0;
  border-radius: 1px; }

.mm-menu-toggle.active {
  background: linear-gradient(-1deg, rgba(33, 33, 33, 0), rgba(33, 33, 33, 0) 9px, #fff 9px, #fff 11px, rgba(33, 33, 33, 0) 12px, rgba(33, 33, 33, 0) 18px); }

.mm-menu-toggle::before,
.mm-menu-toggle::after {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #00a29d;
  content: "";
  border-radius: 1px; }

.mm-menu-toggle.active::before,
.mm-menu-toggle.active::after {
  background-color: #fff; }

.mm-menu-toggle::before {
  top: 0;
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left; }

.mm-menu-toggle::after {
  bottom: 0;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left; }

.mm-menu-toggle,
.mm-menu-toggle::before,
.mm-menu-toggle::after {
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }

/* active states */
.mm-menu-toggle.active {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg); }

.mm-menu-toggle.active::before {
  width: 75%;
  -webkit-transform: translateY(7px) rotate(-45deg);
  -ms-transform: translateY(7px) rotate(-45deg);
  transform: translateY(7px) rotate(-45deg); }

.mm-menu-toggle.active::after {
  top: 14px;
  width: 75%;
  -webkit-transform: translateY(-7px) rotate(45deg);
  -ms-transform: translateY(-7px) rotate(45deg);
  transform: translateY(-7px) rotate(45deg); }

/**
* The actual menu
*
* Here be all the stuff for the menu itself.
*/
.mm-menu {
  /*display: none;*/
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #fff;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  box-shadow: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.5s, box-shadow 0.5s;
  transition: transform 0.5s, box-shadow 0.5s; }
  @media all and (min-width: 715px) {
    .mm-menu {
      width: 71vw;
      -webkit-transform: translateX(-300px);
      -ms-transform: translateX(-300px);
      transform: translateX(-300px); } }
  @media all and (orientation: portrait) {
    .mm-menu {
      width: 71vw;
      -webkit-transform: translateX(-300px);
      -ms-transform: translateX(-300px);
      transform: translateX(-300px); } }
  @media all and (orientation: landscape) {
    .mm-menu {
      width: 40vw; } }
  @media print, screen and (min-width: 768px) {
    .mm-menu {
      display: none; } }

.mm-menu.active {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  border-right: 2px solid #fff;
  z-index: 20; }

/* header */
.mm-menu__header {
  position: relative;
  width: 100%;
  height: 120px;
  background-color: #00a29d; }

.mm-menu__title {
  position: absolute;
  bottom: 25px;
  /*left: 3%;*/
  width: 100%;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 22px;
  text-align: center; }
  .mm-menu__title a img.logo {
    width: 80%; }

/* list */
.mm-menu__items {
  list-style: none;
  margin: 0;
  padding: 0; }
  .mm-menu__items li .mm-menu__items {
    background: #f4f4f4; }
    .mm-menu__items li .mm-menu__items li {
      /*padding-left: 3em;*/
      border-bottom: 1px solid #cecece;
    /*a {
    padding-left: 3em;
  }*/ }
      .mm-menu__items li .mm-menu__items li:last-of-type {
        /*border-bottom: none;*/ }
      .mm-menu__items li .mm-menu__items li a {
        border-bottom: none; }
      .mm-menu__items li .mm-menu__items li .mm-menu__items li {
        background: #fff;
        border-bottom: 1px solid #cecece; }
        .mm-menu__items li .mm-menu__items li .mm-menu__items li:first-of-type {
          border-top: 1px solid #ccc; }
        .mm-menu__items li .mm-menu__items li .mm-menu__items li:last-of-type {
          border-bottom: 1px solid #ccc; }
    .mm-menu__items li .mm-menu__items .mm-menu__link.sub {
      background: 0;
      padding: 10px 5px;
      padding-left: 2em;
      font-size: 1.2rem; }
    .mm-menu__items li .mm-menu__items .mm-menu__link.subSub {
      background: 0;
      padding: 10px 5px;
      padding-left: 3em;
      font-size: 1.2rem; }

.mm-menu__item {
  display: block;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.mm-menu__item.in-view {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.mm-menu__item.item-1 {
  -webkit-transition: opacity 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
  transition: opacity 0.5s 0.1s, transform 0.5s 0.1s; }

.mm-menu__item.item-2 {
  -webkit-transition: opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
  transition: opacity 0.5s 0.2s, transform 0.5s 0.2s; }

.mm-menu__item.item-3 {
  -webkit-transition: opacity 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
  transition: opacity 0.5s 0.3s, transform 0.5s 0.3s; }

.mm-menu__item.item-4 {
  -webkit-transition: opacity 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
  transition: opacity 0.5s 0.4s, transform 0.5s 0.4s; }

.mm-menu__item.item-5 {
  -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: opacity 0.5s 0.5s, transform 0.5s 0.5s; }

.mm-menu__item.item-6 {
  -webkit-transition: opacity 0.5s 0.6s, -webkit-transform 0.5s 0.6s;
  transition: opacity 0.5s 0.6s, transform 0.5s 0.6s; }

.mm-menu__item.item-7 {
  -webkit-transition: opacity 0.5s 0.7s, -webkit-transform 0.5s 0.7s;
  transition: opacity 0.5s 0.7s, transform 0.5s 0.7s; }

.mm-menu__item.item-8 {
  -webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: opacity 0.5s 0.8s, transform 0.5s 0.8s; }

.mm-menu__item.item-9 {
  -webkit-transition: opacity 0.5s 0.9s, -webkit-transform 0.5s 0.9s;
  transition: opacity 0.5s 0.9s, transform 0.5s 0.9s; }

.mm-menu__item.item-10 {
  -webkit-transition: opacity 0.5s 1.0s, -webkit-transform 0.5s 1.0s;
  transition: opacity 0.5s 1.0s, transform 0.5s 1.0s; }

.mm-menu__item.item-11 {
  -webkit-transition: opacity 0.5s 1.1s, -webkit-transform 0.5s 1.1s;
  transition: opacity 0.5s 1.1s, transform 0.5s 1.1s; }

.mm-menu__item.item-12 {
  -webkit-transition: opacity 0.5s 1.2s, -webkit-transform 0.5s 1.2s;
  transition: opacity 0.5s 1.2s, transform 0.5s 1.2s; }

.mm-menu__item.item-13 {
  -webkit-transition: opacity 0.5s 1.3s, -webkit-transform 0.5s 1.3s;
  transition: opacity 0.5s 1.3s, transform 0.5s 1.3s; }

.mm-menu__item.item-14 {
  -webkit-transition: opacity 0.5s 1.4s, -webkit-transform 0.5s 1.4s;
  transition: opacity 0.5s 1.4s, transform 0.5s 1.4s; }

.mm-menu__item.item-15 {
  -webkit-transition: opacity 0.5s 1.5s, -webkit-transform 0.5s 1.5s;
  transition: opacity 0.5s 1.5s, transform 0.5s 1.5s; }

.mm-menu__item.item-16 {
  -webkit-transition: opacity 0.5s 1.6s, -webkit-transform 0.5s 1.6s;
  transition: opacity 0.5s 1.6s, transform 0.5s 1.6s; }

.mm-menu__item.item-17 {
  -webkit-transition: opacity 0.5s 1.7s, -webkit-transform 0.5s 1.7s;
  transition: opacity 0.5s 1.7s, transform 0.5s 1.7s; }

.mm-menu__item.item-18 {
  -webkit-transition: opacity 0.5s 1.8s, -webkit-transform 0.5s 1.8s;
  transition: opacity 0.5s 1.8s, transform 0.5s 1.8s; }

.mm-menu__item.item-19 {
  -webkit-transition: opacity 0.5s 1.9s, -webkit-transform 0.5s 1.9s;
  transition: opacity 0.5s 1.9s, transform 0.5s 1.9s; }

.mm-menu__item.item-20 {
  -webkit-transition: opacity 0.5s 2.0s, -webkit-transform 0.5s 2.0s;
  transition: opacity 0.5s 2.0s, transform 0.5s 2.0s; }

.mm-menu__link {
  display: block;
  position: relative;
  overflow: hidden;
  /*margin: 4px 0;*/
  padding: 16px 12px;
  color: #727272;
  font-size: 1.5rem;
  border-bottom: 1px solid #cecece;
  text-decoration: none;
  -webkit-transition: background 0.5s, color 0.5s;
  transition: background 0.5s, color 0.5s; }

.mm-menu__link.last {
  margin-bottom: 0; }

.mm-menu__link-text {
  position: relative;
  z-index: 2; }

/* the touch effect, for when a link is touched */
.mm-menu__link--touch-effect {
  display: block;
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  border-radius: 100%;
  background-color: #B6B6B6;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.mm-menu__link--touch-effect.animating {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }

/**
* Menu mask
*
* A mask that comes in and covers the wrapper when the menu is active.
*/
.mm-menu-mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s; }

.mm-menu-mask.active {
  visibility: visible;
  opacity: 1;
  z-index: 5; }

/*!
*  Material Design Iconic Font 1.0.1 by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/
*  License - https://github.com/zavoloklom/material-design-iconic-font/blob/gh-pages/License.md (Attribution-ShareAlike 4.0 International license)
*/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://example.com/MaterialIcons-Regular.woff2) format("woff2"), url(https://example.com/MaterialIcons-Regular.woff) format("woff"), url(https://example.com/MaterialIcons-Regular.ttf) format("truetype"); }
/* Material iconsを利用する */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: 'liga'; }

@font-face {
  font-family: 'Material Design Iconic Font';
  src: url("../fonts/Material-Design-Iconic-Font.eot?v=1.0.1");
  src: url("../fonts/Material-Design-Iconic-Font.eot?#iefix&v=1.0.1") format("embedded-opentype"), url("../fonts/Material-Design-Iconic-Font.woff?v=1.0.1") format("woff"), url("../fonts/Material-Design-Iconic-Font.ttf?v=1.0.1") format("truetype"), url("../fonts/Material-Design-Iconic-Font.svg?v=1.0.1#Material-Design-Iconic-Font") format("svg");
  font-weight: normal;
  font-style: normal; }
.mm-menu__item .material-icons {
  font-size: 1.8rem;
  width: 1.5em;
  color: #00a29d; }

[class^="md-"],
[class*=" md-"] {
  display: inline-block;
  font: normal normal normal 14px/1 'Material Design Iconic Font';
  font-size: inherit;
  speak: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.md {
  line-height: inherit;
  vertical-align: bottom; }

.md-lg {
  font-size: 1.5em;
  line-height: .5em;
  vertical-align: -35%; }

.md-2x {
  font-size: 2em; }

.md-3x {
  font-size: 3em; }

.md-4x {
  font-size: 4em; }

.md-5x {
  font-size: 5em; }

.md-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #808080;
  border-radius: .1em; }

.md-border-circle {
  padding: .2em .25em .15em;
  border: solid 0.08em #808080;
  border-radius: 50%; }

[class^="md-"].pull-left,
[class*=" md-"].pull-left {
  float: left;
  margin-right: .3em; }

[class^="md-"].pull-right,
[class*=" md-"].pull-right {
  float: right;
  margin-left: .3em; }

.md-spin {
  -webkit-animation: md-spin 1.5s infinite linear;
  animation: md-spin 1.5s infinite linear; }

.md-spin-reverse {
  -webkit-animation: md-spin-reverse 1.5s infinite linear;
  animation: md-spin-reverse 1.5s infinite linear; }

@-webkit-keyframes md-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes md-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-webkit-keyframes md-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg); } }
@keyframes md-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg); } }
.md-rotate-90 {
  /*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);*/
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.md-rotate-180 {
  /*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);*/
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.md-rotate-270 {
  /*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);*/
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.md-flip-horizontal {
  /*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);*/
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.md-flip-vertical {
  /*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);*/
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .md-rotate-90,
:root .md-rotate-180,
:root .md-rotate-270,
:root .md-flip-horizontal,
:root .md-flip-vertical {
  -webkit-filter: none;
  filter: none; }

/*!
*  Material Design Iconic Font 1.0.1 by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/
*  License - https://github.com/zavoloklom/material-design-iconic-font/blob/gh-pages/License.md (Attribution-ShareAlike 4.0 International license)
*/
@font-face {
  font-family: 'Material Design Iconic Font';
  src: url(../fonts/icon/Material-Design-Iconic-Font.eot?v=1.0.1);
  src: url(../fonts/icon/Material-Design-Iconic-Font.eot?#iefix&v=1.0.1) format("embedded-opentype"), url(../icon/fonts/Material-Design-Iconic-Font.woff?v=1.0.1) format("woff"), url(../fonts/icon/Material-Design-Iconic-Font.ttf?v=1.0.1) format("truetype"), url(../fonts/icon/Material-Design-Iconic-Font.svg?v=1.0.1#Material-Design-Iconic-Font) format("svg");
  font-weight: 400;
  font-style: normal; }
[class*=" md-"],
[class^=md-] {
  display: inline-block;
  font: normal normal normal 14px/1 'Material Design Iconic Font';
  font-size: inherit;
  speak: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.md {
  line-height: inherit;
  vertical-align: bottom; }

.md-lg {
  font-size: 1.5em;
  line-height: .5em;
  vertical-align: -35%; }

.md-2x {
  font-size: 2em; }

.md-3x {
  font-size: 3em; }

.md-4x {
  font-size: 4em; }

.md-5x {
  font-size: 5em; }

.md-border {
  padding: .2em .25em .15em;
  border: .08em solid grey;
  border-radius: 0.1em; }

.md-border-circle {
  padding: .2em .25em .15em;
  border: .08em solid grey;
  border-radius: 50%; }

[class*=" md-"].pull-left,
[class^=md-].pull-left {
  float: left;
  margin-right: 0.3em; }

[class*=" md-"].pull-right,
[class^=md-].pull-right {
  float: right;
  margin-left: 0.3em; }

.md-spin {
  -webkit-animation: md-spin 1.5s infinite linear;
  animation: md-spin 1.5s infinite linear; }

.md-spin-reverse {
  -webkit-animation: md-spin-reverse 1.5s infinite linear;
  animation: md-spin-reverse 1.5s infinite linear; }

@-webkit-keyframes md-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes md-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-webkit-keyframes md-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg); } }
@keyframes md-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg); } }
.md-rotate-90 {
  /*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);*/
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.md-rotate-180 {
  /*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);*/
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.md-rotate-270 {
  /*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);*/
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.md-flip-horizontal {
  /*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);*/
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.md-flip-vertical {
  /*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);*/
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .md-flip-horizontal,
:root .md-flip-vertical,
:root .md-rotate-180,
:root .md-rotate-270,
:root .md-rotate-90 {
  -webkit-filter: none;
  filter: none; }

.md-3d-rotation:before {
  content: "\f000"; }

.md-accessibility:before {
  content: "\f001"; }

.md-account-balance:before {
  content: "\f002"; }

.md-account-balance-wallet:before {
  content: "\f003"; }

.md-account-box:before {
  content: "\f004"; }

.md-account-child:before {
  content: "\f005"; }

.md-account-circle:before {
  content: "\f006"; }

.md-add-shopping-cart:before {
  content: "\f007"; }

.md-alarm:before {
  content: "\f008"; }

.md-alarm-add:before {
  content: "\f009"; }

.md-alarm-off:before {
  content: "\f00a"; }

.md-alarm-on:before {
  content: "\f00b"; }

.md-android:before {
  content: "\f00c"; }

.md-announcement:before {
  content: "\f00d"; }

.md-aspect-ratio:before {
  content: "\f00e"; }

.md-assessment:before {
  content: "\f00f"; }

.md-assignment:before {
  content: "\f010"; }

.md-assignment-ind:before {
  content: "\f011"; }

.md-assignment-late:before {
  content: "\f012"; }

.md-assignment-return:before {
  content: "\f013"; }

.md-assignment-returned:before {
  content: "\f014"; }

.md-assignment-turned-in:before {
  content: "\f015"; }

.md-autorenew:before {
  content: "\f016"; }

.md-backup:before {
  content: "\f017"; }

.md-book:before {
  content: "\f018"; }

.md-bookmark:before {
  content: "\f019"; }

.md-bookmark-outline:before {
  content: "\f01a"; }

.md-bug-report:before {
  content: "\f01b"; }

.md-cached:before {
  content: "\f01c"; }

.md-class:before {
  content: "\f01d"; }

.md-credit-card:before {
  content: "\f01e"; }

.md-dashboard:before {
  content: "\f01f"; }

.md-delete:before {
  content: "\f020"; }

.md-description:before {
  content: "\f021"; }

.md-dns:before {
  content: "\f022"; }

.md-done:before {
  content: "\f023"; }

.md-done-all:before {
  content: "\f024"; }

.md-event:before {
  content: "\f025"; }

.md-exit-to-app:before {
  content: "\f026"; }

.md-explore:before {
  content: "\f027"; }

.md-extension:before {
  content: "\f028"; }

.md-face-unlock:before {
  content: "\f029"; }

.md-favorite:before {
  content: "\f02a"; }

.md-favorite-outline:before {
  content: "\f02b"; }

.md-find-in-page:before {
  content: "\f02c"; }

.md-find-replace:before {
  content: "\f02d"; }

.md-flip-to-back:before {
  content: "\f02e"; }

.md-flip-to-front:before {
  content: "\f02f"; }

.md-get-app:before {
  content: "\f030"; }

.md-grade:before {
  content: "\f031"; }

.md-group-work:before {
  content: "\f032"; }

.md-help:before {
  content: "\f033"; }

.md-highlight-remove:before {
  content: "\f034"; }

.md-history:before {
  content: "\f035"; }

.md-home:before {
  content: "\f036"; }

.md-https:before {
  content: "\f037"; }

.md-info:before {
  content: "\f038"; }

.md-info-outline:before {
  content: "\f039"; }

.md-input:before {
  content: "\f03a"; }

.md-invert-colors:before {
  content: "\f03b"; }

.md-label:before {
  content: "\f03c"; }

.md-label-outline:before {
  content: "\f03d"; }

.md-language:before {
  content: "\f03e"; }

.md-launch:before {
  content: "\f03f"; }

.md-list:before {
  content: "\f040"; }

.md-lock:before {
  content: "\f041"; }

.md-lock-open:before {
  content: "\f042"; }

.md-lock-outline:before {
  content: "\f043"; }

.md-loyalty:before {
  content: "\f044"; }

.md-markunread-mailbox:before {
  content: "\f045"; }

.md-note-add:before {
  content: "\f046"; }

.md-open-in-browser:before {
  content: "\f047"; }

.md-open-in-new:before {
  content: "\f048"; }

.md-open-with:before {
  content: "\f049"; }

.md-pageview:before {
  content: "\f04a"; }

.md-payment:before {
  content: "\f04b"; }

.md-perm-camera-mic:before {
  content: "\f04c"; }

.md-perm-contact-cal:before {
  content: "\f04d"; }

.md-perm-data-setting:before {
  content: "\f04e"; }

.md-perm-device-info:before {
  content: "\f04f"; }

.md-perm-identity:before {
  content: "\f050"; }

.md-perm-media:before {
  content: "\f051"; }

.md-perm-phone-msg:before {
  content: "\f052"; }

.md-perm-scan-wifi:before {
  content: "\f053"; }

.md-picture-in-picture:before {
  content: "\f054"; }

.md-polymer:before {
  content: "\f055"; }

.md-print:before {
  content: "\f056"; }

.md-query-builder:before {
  content: "\f057"; }

.md-question-answer:before {
  content: "\f058"; }

.md-receipt:before {
  content: "\f059"; }

.md-redeem:before {
  content: "\f05a"; }

.md-report-problem:before {
  content: "\f05b"; }

.md-restore:before {
  content: "\f05c"; }

.md-room:before {
  content: "\f05d"; }

.md-schedule:before {
  content: "\f05e"; }

.md-search:before {
  content: "\f05f"; }

.md-settings:before {
  content: "\f060"; }

.md-settings-applications:before {
  content: "\f061"; }

.md-settings-backup-restore:before {
  content: "\f062"; }

.md-settings-bluetooth:before {
  content: "\f063"; }

.md-settings-cell:before {
  content: "\f064"; }

.md-settings-display:before {
  content: "\f065"; }

.md-settings-ethernet:before {
  content: "\f066"; }

.md-settings-input-antenna:before {
  content: "\f067"; }

.md-settings-input-component:before {
  content: "\f068"; }

.md-settings-input-composite:before {
  content: "\f069"; }

.md-settings-input-hdmi:before {
  content: "\f06a"; }

.md-settings-input-svideo:before {
  content: "\f06b"; }

.md-settings-overscan:before {
  content: "\f06c"; }

.md-settings-phone:before {
  content: "\f06d"; }

.md-settings-power:before {
  content: "\f06e"; }

.md-settings-remote:before {
  content: "\f06f"; }

.md-settings-voice:before {
  content: "\f070"; }

.md-shop:before {
  content: "\f071"; }

.md-shopping-basket:before {
  content: "\f072"; }

.md-shopping-cart:before {
  content: "\f073"; }

.md-shop-two:before {
  content: "\f074"; }

.md-speaker-notes:before {
  content: "\f075"; }

.md-spellcheck:before {
  content: "\f076"; }

.md-star-rate:before {
  content: "\f077"; }

.md-stars:before {
  content: "\f078"; }

.md-store:before {
  content: "\f079"; }

.md-subject:before {
  content: "\f07a"; }

.md-swap-horiz:before {
  content: "\f07b"; }

.md-swap-vert:before {
  content: "\f07c"; }

.md-swap-vert-circle:before {
  content: "\f07d"; }

.md-system-update-tv:before {
  content: "\f07e"; }

.md-tab:before {
  content: "\f07f"; }

.md-tab-unselected:before {
  content: "\f080"; }

.md-theaters:before {
  content: "\f081"; }

.md-thumb-down:before {
  content: "\f082"; }

.md-thumbs-up-down:before {
  content: "\f083"; }

.md-thumb-up:before {
  content: "\f084"; }

.md-toc:before {
  content: "\f085"; }

.md-today:before {
  content: "\f086"; }

.md-track-changes:before {
  content: "\f087"; }

.md-translate:before {
  content: "\f088"; }

.md-trending-down:before {
  content: "\f089"; }

.md-trending-neutral:before {
  content: "\f08a"; }

.md-trending-up:before {
  content: "\f08b"; }

.md-turned-in:before {
  content: "\f08c"; }

.md-turned-in-not:before {
  content: "\f08d"; }

.md-verified-user:before {
  content: "\f08e"; }

.md-view-agenda:before {
  content: "\f08f"; }

.md-view-array:before {
  content: "\f090"; }

.md-view-carousel:before {
  content: "\f091"; }

.md-view-column:before {
  content: "\f092"; }

.md-view-day:before {
  content: "\f093"; }

.md-view-headline:before {
  content: "\f094"; }

.md-view-list:before {
  content: "\f095"; }

.md-view-module:before {
  content: "\f096"; }

.md-view-quilt:before {
  content: "\f097"; }

.md-view-stream:before {
  content: "\f098"; }

.md-view-week:before {
  content: "\f099"; }

.md-visibility:before {
  content: "\f09a"; }

.md-visibility-off:before {
  content: "\f09b"; }

.md-wallet-giftcard:before {
  content: "\f09c"; }

.md-wallet-membership:before {
  content: "\f09d"; }

.md-wallet-travel:before {
  content: "\f09e"; }

.md-work:before {
  content: "\f09f"; }

.md-error:before {
  content: "\f0a0"; }

.md-warning:before {
  content: "\f0a1"; }

.md-album:before {
  content: "\f0a2"; }

.md-av-timer:before {
  content: "\f0a3"; }

.md-closed-caption:before {
  content: "\f0a4"; }

.md-equalizer:before {
  content: "\f0a5"; }

.md-explicit:before {
  content: "\f0a6"; }

.md-fast-forward:before {
  content: "\f0a7"; }

.md-fast-rewind:before {
  content: "\f0a8"; }

.md-games:before {
  content: "\f0a9"; }

.md-hearing:before {
  content: "\f0aa"; }

.md-high-quality:before {
  content: "\f0ab"; }

.md-loop:before {
  content: "\f0ac"; }

.md-mic:before {
  content: "\f0ad"; }

.md-mic-none:before {
  content: "\f0ae"; }

.md-mic-off:before {
  content: "\f0af"; }

.md-movie:before {
  content: "\f0b0"; }

.md-my-library-add:before {
  content: "\f0b1"; }

.md-my-library-books:before {
  content: "\f0b2"; }

.md-my-library-music:before {
  content: "\f0b3"; }

.md-new-releases:before {
  content: "\f0b4"; }

.md-not-interested:before {
  content: "\f0b5"; }

.md-pause:before {
  content: "\f0b6"; }

.md-pause-circle-fill:before {
  content: "\f0b7"; }

.md-pause-circle-outline:before {
  content: "\f0b8"; }

.md-play-arrow:before {
  content: "\f0b9"; }

.md-play-circle-fill:before {
  content: "\f0ba"; }

.md-play-circle-outline:before {
  content: "\f0bb"; }

.md-playlist-add:before {
  content: "\f0bc"; }

.md-play-shopping-bag:before {
  content: "\f0bd"; }

.md-queue:before {
  content: "\f0be"; }

.md-queue-music:before {
  content: "\f0bf"; }

.md-radio:before {
  content: "\f0c0"; }

.md-recent-actors:before {
  content: "\f0c1"; }

.md-repeat:before {
  content: "\f0c2"; }

.md-repeat-one:before {
  content: "\f0c3"; }

.md-replay:before {
  content: "\f0c4"; }

.md-shuffle:before {
  content: "\f0c5"; }

.md-skip-next:before {
  content: "\f0c6"; }

.md-skip-previous:before {
  content: "\f0c7"; }

.md-snooze:before {
  content: "\f0c8"; }

.md-stop:before {
  content: "\f0c9"; }

.md-subtitles:before {
  content: "\f0ca"; }

.md-surround-sound:before {
  content: "\f0cb"; }

.md-videocam:before {
  content: "\f0cc"; }

.md-videocam-off:before {
  content: "\f0cd"; }

.md-video-collection:before {
  content: "\f0ce"; }

.md-volume-down:before {
  content: "\f0cf"; }

.md-volume-mute:before {
  content: "\f0d0"; }

.md-volume-off:before {
  content: "\f0d1"; }

.md-volume-up:before {
  content: "\f0d2"; }

.md-web:before {
  content: "\f0d3"; }

.md-business:before {
  content: "\f0d4"; }

.md-call:before {
  content: "\f0d5"; }

.md-call-end:before {
  content: "\f0d6"; }

.md-call-made:before {
  content: "\f0d7"; }

.md-call-merge:before {
  content: "\f0d8"; }

.md-call-missed:before {
  content: "\f0d9"; }

.md-call-received:before {
  content: "\f0da"; }

.md-call-split:before {
  content: "\f0db"; }

.md-chat:before {
  content: "\f0dc"; }

.md-clear-all:before {
  content: "\f0dd"; }

.md-comment:before {
  content: "\f0de"; }

.md-contacts:before {
  content: "\f0df"; }

.md-dialer-sip:before {
  content: "\f0e0"; }

.md-dialpad:before {
  content: "\f0e1"; }

.md-dnd-on:before {
  content: "\f0e2"; }

.md-email:before {
  content: "\f0e3"; }

.md-forum:before {
  content: "\f0e4"; }

.md-import-export:before {
  content: "\f0e5"; }

.md-invert-colors-off:before {
  content: "\f0e6"; }

.md-invert-colors-on:before {
  content: "\f0e7"; }

.md-live-help:before {
  content: "\f0e8"; }

.md-location-off:before {
  content: "\f0e9"; }

.md-location-on:before {
  content: "\f0ea"; }

.md-message:before {
  content: "\f0eb"; }

.md-messenger:before {
  content: "\f0ec"; }

.md-no-sim:before {
  content: "\f0ed"; }

.md-phone:before {
  content: "\f0ee"; }

.md-portable-wifi-off:before {
  content: "\f0ef"; }

.md-quick-contacts-dialer:before {
  content: "\f0f0"; }

.md-quick-contacts-mail:before {
  content: "\f0f1"; }

.md-ring-volume:before {
  content: "\f0f2"; }

.md-stay-current-landscape:before {
  content: "\f0f3"; }

.md-stay-current-portrait:before {
  content: "\f0f4"; }

.md-stay-primary-landscape:before {
  content: "\f0f5"; }

.md-stay-primary-portrait:before {
  content: "\f0f6"; }

.md-swap-calls:before {
  content: "\f0f7"; }

.md-textsms:before {
  content: "\f0f8"; }

.md-voicemail:before {
  content: "\f0f9"; }

.md-vpn-key:before {
  content: "\f0fa"; }

.md-add:before {
  content: "\f0fb"; }

.md-add-box:before {
  content: "\f0fc"; }

.md-add-circle:before {
  content: "\f0fd"; }

.md-add-circle-outline:before {
  content: "\f0fe"; }

.md-archive:before {
  content: "\f0ff"; }

.md-backspace:before {
  content: "\f100"; }

.md-block:before {
  content: "\f101"; }

.md-clear:before {
  content: "\f102"; }

.md-content-copy:before {
  content: "\f103"; }

.md-content-cut:before {
  content: "\f104"; }

.md-content-paste:before {
  content: "\f105"; }

.md-create:before {
  content: "\f106"; }

.md-drafts:before {
  content: "\f107"; }

.md-filter-list:before {
  content: "\f108"; }

.md-flag:before {
  content: "\f109"; }

.md-forward:before {
  content: "\f10a"; }

.md-gesture:before {
  content: "\f10b"; }

.md-inbox:before {
  content: "\f10c"; }

.md-link:before {
  content: "\f10d"; }

.md-mail:before {
  content: "\f10e"; }

.md-markunread:before {
  content: "\f10f"; }

.md-redo:before {
  content: "\f110"; }

.md-remove:before {
  content: "\f111"; }

.md-remove-circle:before {
  content: "\f112"; }

.md-remove-circle-outline:before {
  content: "\f113"; }

.md-reply:before {
  content: "\f114"; }

.md-reply-all:before {
  content: "\f115"; }

.md-report:before {
  content: "\f116"; }

.md-save:before {
  content: "\f117"; }

.md-select-all:before {
  content: "\f118"; }

.md-send:before {
  content: "\f119"; }

.md-sort:before {
  content: "\f11a"; }

.md-text-format:before {
  content: "\f11b"; }

.md-undo:before {
  content: "\f11c"; }

.md-access-alarm:before {
  content: "\f11d"; }

.md-access-alarms:before {
  content: "\f11e"; }

.md-access-time:before {
  content: "\f11f"; }

.md-add-alarm:before {
  content: "\f120"; }

.md-airplanemode-off:before {
  content: "\f121"; }

.md-airplanemode-on:before {
  content: "\f122"; }

.md-battery-20:before {
  content: "\f123"; }

.md-battery-30:before {
  content: "\f124"; }

.md-battery-50:before {
  content: "\f125"; }

.md-battery-60:before {
  content: "\f126"; }

.md-battery-80:before {
  content: "\f127"; }

.md-battery-90:before {
  content: "\f128"; }

.md-battery-alert:before {
  content: "\f129"; }

.md-battery-charging-20:before {
  content: "\f12a"; }

.md-battery-charging-30:before {
  content: "\f12b"; }

.md-battery-charging-50:before {
  content: "\f12c"; }

.md-battery-charging-60:before {
  content: "\f12d"; }

.md-battery-charging-80:before {
  content: "\f12e"; }

.md-battery-charging-90:before {
  content: "\f12f"; }

.md-battery-charging-full:before {
  content: "\f130"; }

.md-battery-full:before {
  content: "\f131"; }

.md-battery-std:before {
  content: "\f132"; }

.md-battery-unknown:before {
  content: "\f133"; }

.md-bluetooth:before {
  content: "\f134"; }

.md-bluetooth-connected:before {
  content: "\f135"; }

.md-bluetooth-disabled:before {
  content: "\f136"; }

.md-bluetooth-searching:before {
  content: "\f137"; }

.md-brightness-auto:before {
  content: "\f138"; }

.md-brightness-high:before {
  content: "\f139"; }

.md-brightness-low:before {
  content: "\f13a"; }

.md-brightness-medium:before {
  content: "\f13b"; }

.md-data-usage:before {
  content: "\f13c"; }

.md-developer-mode:before {
  content: "\f13d"; }

.md-devices:before {
  content: "\f13e"; }

.md-dvr:before {
  content: "\f13f"; }

.md-gps-fixed:before {
  content: "\f140"; }

.md-gps-not-fixed:before {
  content: "\f141"; }

.md-gps-off:before {
  content: "\f142"; }

.md-location-disabled:before {
  content: "\f143"; }

.md-location-searching:before {
  content: "\f144"; }

.md-multitrack-audio:before {
  content: "\f145"; }

.md-network-cell:before {
  content: "\f146"; }

.md-network-wifi:before {
  content: "\f147"; }

.md-nfc:before {
  content: "\f148"; }

.md-now-wallpaper:before {
  content: "\f149"; }

.md-now-widgets:before {
  content: "\f14a"; }

.md-screen-lock-landscape:before {
  content: "\f14b"; }

.md-screen-lock-portrait:before {
  content: "\f14c"; }

.md-screen-lock-rotation:before {
  content: "\f14d"; }

.md-screen-rotation:before {
  content: "\f14e"; }

.md-sd-storage:before {
  content: "\f14f"; }

.md-settings-system-daydream:before {
  content: "\f150"; }

.md-signal-cellular-0-bar:before {
  content: "\f151"; }

.md-signal-cellular-1-bar:before {
  content: "\f152"; }

.md-signal-cellular-2-bar:before {
  content: "\f153"; }

.md-signal-cellular-3-bar:before {
  content: "\f154"; }

.md-signal-cellular-4-bar:before {
  content: "\f155"; }

.md-signal-cellular-connected-no-internet-0-bar:before {
  content: "\f156"; }

.md-signal-cellular-connected-no-internet-1-bar:before {
  content: "\f157"; }

.md-signal-cellular-connected-no-internet-2-bar:before {
  content: "\f158"; }

.md-signal-cellular-connected-no-internet-3-bar:before {
  content: "\f159"; }

.md-signal-cellular-connected-no-internet-4-bar:before {
  content: "\f15a"; }

.md-signal-cellular-no-sim:before {
  content: "\f15b"; }

.md-signal-cellular-null:before {
  content: "\f15c"; }

.md-signal-cellular-off:before {
  content: "\f15d"; }

.md-signal-wifi-0-bar:before {
  content: "\f15e"; }

.md-signal-wifi-1-bar:before {
  content: "\f15f"; }

.md-signal-wifi-2-bar:before {
  content: "\f160"; }

.md-signal-wifi-3-bar:before {
  content: "\f161"; }

.md-signal-wifi-4-bar:before {
  content: "\f162"; }

.md-signal-wifi-off:before {
  content: "\f163"; }

.md-storage:before {
  content: "\f164"; }

.md-usb:before {
  content: "\f165"; }

.md-wifi-lock:before {
  content: "\f166"; }

.md-wifi-tethering:before {
  content: "\f167"; }

.md-attach-file:before {
  content: "\f168"; }

.md-attach-money:before {
  content: "\f169"; }

.md-border-all:before {
  content: "\f16a"; }

.md-border-bottom:before {
  content: "\f16b"; }

.md-border-clear:before {
  content: "\f16c"; }

.md-border-color:before {
  content: "\f16d"; }

.md-border-horizontal:before {
  content: "\f16e"; }

.md-border-inner:before {
  content: "\f16f"; }

.md-border-left:before {
  content: "\f170"; }

.md-border-outer:before {
  content: "\f171"; }

.md-border-right:before {
  content: "\f172"; }

.md-border-style:before {
  content: "\f173"; }

.md-border-top:before {
  content: "\f174"; }

.md-border-vertical:before {
  content: "\f175"; }

.md-format-align-center:before {
  content: "\f176"; }

.md-format-align-justify:before {
  content: "\f177"; }

.md-format-align-left:before {
  content: "\f178"; }

.md-format-align-right:before {
  content: "\f179"; }

.md-format-bold:before {
  content: "\f17a"; }

.md-format-clear:before {
  content: "\f17b"; }

.md-format-color-fill:before {
  content: "\f17c"; }

.md-format-color-reset:before {
  content: "\f17d"; }

.md-format-color-text:before {
  content: "\f17e"; }

.md-format-indent-decrease:before {
  content: "\f17f"; }

.md-format-indent-increase:before {
  content: "\f180"; }

.md-format-italic:before {
  content: "\f181"; }

.md-format-line-spacing:before {
  content: "\f182"; }

.md-format-list-bulleted:before {
  content: "\f183"; }

.md-format-list-numbered:before {
  content: "\f184"; }

.md-format-paint:before {
  content: "\f185"; }

.md-format-quote:before {
  content: "\f186"; }

.md-format-size:before {
  content: "\f187"; }

.md-format-strikethrough:before {
  content: "\f188"; }

.md-format-textdirection-l-to-r:before {
  content: "\f189"; }

.md-format-textdirection-r-to-l:before {
  content: "\f18a"; }

.md-format-underline:before {
  content: "\f18b"; }

.md-functions:before {
  content: "\f18c"; }

.md-insert-chart:before {
  content: "\f18d"; }

.md-insert-comment:before {
  content: "\f18e"; }

.md-insert-drive-file:before {
  content: "\f18f"; }

.md-insert-emoticon:before {
  content: "\f190"; }

.md-insert-invitation:before {
  content: "\f191"; }

.md-insert-link:before {
  content: "\f192"; }

.md-insert-photo:before {
  content: "\f193"; }

.md-merge-type:before {
  content: "\f194"; }

.md-mode-comment:before {
  content: "\f195"; }

.md-mode-edit:before {
  content: "\f196"; }

.md-publish:before {
  content: "\f197"; }

.md-vertical-align-bottom:before {
  content: "\f198"; }

.md-vertical-align-center:before {
  content: "\f199"; }

.md-vertical-align-top:before {
  content: "\f19a"; }

.md-wrap-text:before {
  content: "\f19b"; }

.md-attachment:before {
  content: "\f19c"; }

.md-cloud:before {
  content: "\f19d"; }

.md-cloud-circle:before {
  content: "\f19e"; }

.md-cloud-done:before {
  content: "\f19f"; }

.md-cloud-download:before {
  content: "\f1a0"; }

.md-cloud-off:before {
  content: "\f1a1"; }

.md-cloud-queue:before {
  content: "\f1a2"; }

.md-cloud-upload:before {
  content: "\f1a3"; }

.md-file-download:before {
  content: "\f1a4"; }

.md-file-upload:before {
  content: "\f1a5"; }

.md-folder:before {
  content: "\f1a6"; }

.md-folder-open:before {
  content: "\f1a7"; }

.md-folder-shared:before {
  content: "\f1a8"; }

.md-cast:before {
  content: "\f1a9"; }

.md-cast-connected:before {
  content: "\f1aa"; }

.md-computer:before {
  content: "\f1ab"; }

.md-desktop-mac:before {
  content: "\f1ac"; }

.md-desktop-windows:before {
  content: "\f1ad"; }

.md-dock:before {
  content: "\f1ae"; }

.md-gamepad:before {
  content: "\f1af"; }

.md-headset:before {
  content: "\f1b0"; }

.md-headset-mic:before {
  content: "\f1b1"; }

.md-keyboard:before {
  content: "\f1b2"; }

.md-keyboard-alt:before {
  content: "\f1b3"; }

.md-keyboard-arrow-down:before {
  content: "\f1b4"; }

.md-keyboard-arrow-left:before {
  content: "\f1b5"; }

.md-keyboard-arrow-right:before {
  content: "\f1b6"; }

.md-keyboard-arrow-up:before {
  content: "\f1b7"; }

.md-keyboard-backspace:before {
  content: "\f1b8"; }

.md-keyboard-capslock:before {
  content: "\f1b9"; }

.md-keyboard-control:before {
  content: "\f1ba"; }

.md-keyboard-hide:before {
  content: "\f1bb"; }

.md-keyboard-return:before {
  content: "\f1bc"; }

.md-keyboard-tab:before {
  content: "\f1bd"; }

.md-keyboard-voice:before {
  content: "\f1be"; }

.md-laptop:before {
  content: "\f1bf"; }

.md-laptop-chromebook:before {
  content: "\f1c0"; }

.md-laptop-mac:before {
  content: "\f1c1"; }

.md-laptop-windows:before {
  content: "\f1c2"; }

.md-memory:before {
  content: "\f1c3"; }

.md-mouse:before {
  content: "\f1c4"; }

.md-phone-android:before {
  content: "\f1c5"; }

.md-phone-iphone:before {
  content: "\f1c6"; }

.md-phonelink:before {
  content: "\f1c7"; }

.md-phonelink-off:before {
  content: "\f1c8"; }

.md-security:before {
  content: "\f1c9"; }

.md-sim-card:before {
  content: "\f1ca"; }

.md-smartphone:before {
  content: "\f1cb"; }

.md-speaker:before {
  content: "\f1cc"; }

.md-tablet:before {
  content: "\f1cd"; }

.md-tablet-android:before {
  content: "\f1ce"; }

.md-tablet-mac:before {
  content: "\f1cf"; }

.md-tv:before {
  content: "\f1d0"; }

.md-watch:before {
  content: "\f1d1"; }

.md-add-to-photos:before {
  content: "\f1d2"; }

.md-adjust:before {
  content: "\f1d3"; }

.md-assistant-photo:before {
  content: "\f1d4"; }

.md-audiotrack:before {
  content: "\f1d5"; }

.md-blur-circular:before {
  content: "\f1d6"; }

.md-blur-linear:before {
  content: "\f1d7"; }

.md-blur-off:before {
  content: "\f1d8"; }

.md-blur-on:before {
  content: "\f1d9"; }

.md-brightness-1:before {
  content: "\f1da"; }

.md-brightness-2:before {
  content: "\f1db"; }

.md-brightness-3:before {
  content: "\f1dc"; }

.md-brightness-4:before {
  content: "\f1dd"; }

.md-brightness-5:before {
  content: "\f1de"; }

.md-brightness-6:before {
  content: "\f1df"; }

.md-brightness-7:before {
  content: "\f1e0"; }

.md-brush:before {
  content: "\f1e1"; }

.md-camera:before {
  content: "\f1e2"; }

.md-camera-alt:before {
  content: "\f1e3"; }

.md-camera-front:before {
  content: "\f1e4"; }

.md-camera-rear:before {
  content: "\f1e5"; }

.md-camera-roll:before {
  content: "\f1e6"; }

.md-center-focus-strong:before {
  content: "\f1e7"; }

.md-center-focus-weak:before {
  content: "\f1e8"; }

.md-collections:before {
  content: "\f1e9"; }

.md-colorize:before {
  content: "\f1ea"; }

.md-color-lens:before {
  content: "\f1eb"; }

.md-compare:before {
  content: "\f1ec"; }

.md-control-point:before {
  content: "\f1ed"; }

.md-control-point-duplicate:before {
  content: "\f1ee"; }

.md-crop:before {
  content: "\f1ef"; }

.md-crop-3-2:before {
  content: "\f1f0"; }

.md-crop-5-4:before {
  content: "\f1f1"; }

.md-crop-7-5:before {
  content: "\f1f2"; }

.md-crop-16-9:before {
  content: "\f1f3"; }

.md-crop-din:before {
  content: "\f1f4"; }

.md-crop-free:before {
  content: "\f1f5"; }

.md-crop-landscape:before {
  content: "\f1f6"; }

.md-crop-original:before {
  content: "\f1f7"; }

.md-crop-portrait:before {
  content: "\f1f8"; }

.md-crop-square:before {
  content: "\f1f9"; }

.md-dehaze:before {
  content: "\f1fa"; }

.md-details:before {
  content: "\f1fb"; }

.md-edit:before {
  content: "\f1fc"; }

.md-exposure:before {
  content: "\f1fd"; }

.md-exposure-minus-1:before {
  content: "\f1fe"; }

.md-exposure-minus-2:before {
  content: "\f1ff"; }

.md-exposure-zero:before {
  content: "\f200"; }

.md-exposure-plus-1:before {
  content: "\f201"; }

.md-exposure-plus-2:before {
  content: "\f202"; }

.md-filter:before {
  content: "\f203"; }

.md-filter-1:before {
  content: "\f204"; }

.md-filter-2:before {
  content: "\f205"; }

.md-filter-3:before {
  content: "\f206"; }

.md-filter-4:before {
  content: "\f207"; }

.md-filter-5:before {
  content: "\f208"; }

.md-filter-6:before {
  content: "\f209"; }

.md-filter-7:before {
  content: "\f20a"; }

.md-filter-8:before {
  content: "\f20b"; }

.md-filter-9:before {
  content: "\f20c"; }

.md-filter-9-plus:before {
  content: "\f20d"; }

.md-filter-b-and-w:before {
  content: "\f20e"; }

.md-filter-center-focus:before {
  content: "\f20f"; }

.md-filter-drama:before {
  content: "\f210"; }

.md-filter-frames:before {
  content: "\f211"; }

.md-filter-hdr:before {
  content: "\f212"; }

.md-filter-none:before {
  content: "\f213"; }

.md-filter-tilt-shift:before {
  content: "\f214"; }

.md-filter-vintage:before {
  content: "\f215"; }

.md-flare:before {
  content: "\f216"; }

.md-flash-auto:before {
  content: "\f217"; }

.md-flash-off:before {
  content: "\f218"; }

.md-flash-on:before {
  content: "\f219"; }

.md-flip:before {
  content: "\f21a"; }

.md-gradient:before {
  content: "\f21b"; }

.md-grain:before {
  content: "\f21c"; }

.md-grid-off:before {
  content: "\f21d"; }

.md-grid-on:before {
  content: "\f21e"; }

.md-hdr-off:before {
  content: "\f21f"; }

.md-hdr-on:before {
  content: "\f220"; }

.md-hdr-strong:before {
  content: "\f221"; }

.md-hdr-weak:before {
  content: "\f222"; }

.md-healing:before {
  content: "\f223"; }

.md-image:before {
  content: "\f224"; }

.md-image-aspect-ratio:before {
  content: "\f225"; }

.md-iso:before {
  content: "\f226"; }

.md-landscape:before {
  content: "\f227"; }

.md-leak-add:before {
  content: "\f228"; }

.md-leak-remove:before {
  content: "\f229"; }

.md-lens:before {
  content: "\f22a"; }

.md-looks:before {
  content: "\f22b"; }

.md-looks-1:before {
  content: "\f22c"; }

.md-looks-2:before {
  content: "\f22d"; }

.md-looks-3:before {
  content: "\f22e"; }

.md-looks-4:before {
  content: "\f22f"; }

.md-looks-5:before {
  content: "\f230"; }

.md-looks-6:before {
  content: "\f231"; }

.md-loupe:before {
  content: "\f232"; }

.md-movie-creation:before {
  content: "\f233"; }

.md-nature:before {
  content: "\f234"; }

.md-nature-people:before {
  content: "\f235"; }

.md-navigate-before:before {
  content: "\f236"; }

.md-navigate-next:before {
  content: "\f237"; }

.md-palette:before {
  content: "\f238"; }

.md-panorama:before {
  content: "\f239"; }

.md-panorama-fisheye:before {
  content: "\f23a"; }

.md-panorama-horizontal:before {
  content: "\f23b"; }

.md-panorama-vertical:before {
  content: "\f23c"; }

.md-panorama-wide-angle:before {
  content: "\f23d"; }

.md-photo:before {
  content: "\f23e"; }

.md-photo-album:before {
  content: "\f23f"; }

.md-photo-camera:before {
  content: "\f240"; }

.md-photo-library:before {
  content: "\f241"; }

.md-portrait:before {
  content: "\f242"; }

.md-remove-red-eye:before {
  content: "\f243"; }

.md-rotate-left:before {
  content: "\f244"; }

.md-rotate-right:before {
  content: "\f245"; }

.md-slideshow:before {
  content: "\f246"; }

.md-straighten:before {
  content: "\f247"; }

.md-style:before {
  content: "\f248"; }

.md-switch-camera:before {
  content: "\f249"; }

.md-switch-video:before {
  content: "\f24a"; }

.md-tag-faces:before {
  content: "\f24b"; }

.md-texture:before {
  content: "\f24c"; }

.md-timelapse:before {
  content: "\f24d"; }

.md-timer:before {
  content: "\f24e"; }

.md-timer-3:before {
  content: "\f24f"; }

.md-timer-10:before {
  content: "\f250"; }

.md-timer-auto:before {
  content: "\f251"; }

.md-timer-off:before {
  content: "\f252"; }

.md-tonality:before {
  content: "\f253"; }

.md-transform:before {
  content: "\f254"; }

.md-tune:before {
  content: "\f255"; }

.md-wb-auto:before {
  content: "\f256"; }

.md-wb-cloudy:before {
  content: "\f257"; }

.md-wb-incandescent:before {
  content: "\f258"; }

.md-wb-irradescent:before {
  content: "\f259"; }

.md-wb-sunny:before {
  content: "\f25a"; }

.md-beenhere:before {
  content: "\f25b"; }

.md-directions:before {
  content: "\f25c"; }

.md-directions-bike:before {
  content: "\f25d"; }

.md-directions-bus:before {
  content: "\f25e"; }

.md-directions-car:before {
  content: "\f25f"; }

.md-directions-ferry:before {
  content: "\f260"; }

.md-directions-subway:before {
  content: "\f261"; }

.md-directions-train:before {
  content: "\f262"; }

.md-directions-transit:before {
  content: "\f263"; }

.md-directions-walk:before {
  content: "\f264"; }

.md-flight:before {
  content: "\f265"; }

.md-hotel:before {
  content: "\f266"; }

.md-layers:before {
  content: "\f267"; }

.md-layers-clear:before {
  content: "\f268"; }

.md-local-airport:before {
  content: "\f269"; }

.md-local-atm:before {
  content: "\f26a"; }

.md-local-attraction:before {
  content: "\f26b"; }

.md-local-bar:before {
  content: "\f26c"; }

.md-local-cafe:before {
  content: "\f26d"; }

.md-local-car-wash:before {
  content: "\f26e"; }

.md-local-convenience-store:before {
  content: "\f26f"; }

.md-local-drink:before {
  content: "\f270"; }

.md-local-florist:before {
  content: "\f271"; }

.md-local-gas-station:before {
  content: "\f272"; }

.md-local-grocery-store:before {
  content: "\f273"; }

.md-local-hospital:before {
  content: "\f274"; }

.md-local-hotel:before {
  content: "\f275"; }

.md-local-laundry-service:before {
  content: "\f276"; }

.md-local-library:before {
  content: "\f277"; }

.md-local-mall:before {
  content: "\f278"; }

.md-local-movies:before {
  content: "\f279"; }

.md-local-offer:before {
  content: "\f27a"; }

.md-local-parking:before {
  content: "\f27b"; }

.md-local-pharmacy:before {
  content: "\f27c"; }

.md-local-phone:before {
  content: "\f27d"; }

.md-local-pizza:before {
  content: "\f27e"; }

.md-local-play:before {
  content: "\f27f"; }

.md-local-post-office:before {
  content: "\f280"; }

.md-local-print-shop:before {
  content: "\f281"; }

.md-local-restaurant:before {
  content: "\f282"; }

.md-local-see:before {
  content: "\f283"; }

.md-local-shipping:before {
  content: "\f284"; }

.md-local-taxi:before {
  content: "\f285"; }

.md-location-history:before {
  content: "\f286"; }

.md-map:before {
  content: "\f287"; }

.md-my-location:before {
  content: "\f288"; }

.md-navigation:before {
  content: "\f289"; }

.md-pin-drop:before {
  content: "\f28a"; }

.md-place:before {
  content: "\f28b"; }

.md-rate-review:before {
  content: "\f28c"; }

.md-restaurant-menu:before {
  content: "\f28d"; }

.md-satellite:before {
  content: "\f28e"; }

.md-store-mall-directory:before {
  content: "\f28f"; }

.md-terrain:before {
  content: "\f290"; }

.md-traffic:before {
  content: "\f291"; }

.md-apps:before {
  content: "\f292"; }

.md-cancel:before {
  content: "\f293"; }

.md-arrow-drop-down-circle:before {
  content: "\f294"; }

.md-arrow-drop-down:before {
  content: "\f295"; }

.md-arrow-drop-up:before {
  content: "\f296"; }

.md-arrow-back:before {
  content: "\f297"; }

.md-arrow-forward:before {
  content: "\f298"; }

.md-check:before {
  content: "\f299"; }

.md-close:before {
  content: "\f29a"; }

.md-chevron-left:before {
  content: "\f29b"; }

.md-chevron-right:before {
  content: "\f29c"; }

.md-expand-less:before {
  content: "\f29d"; }

.md-expand-more:before {
  content: "\f29e"; }

.md-fullscreen:before {
  content: "\f29f"; }

.md-fullscreen-exit:before {
  content: "\f2a0"; }

.md-menu:before {
  content: "\f2a1"; }

.md-more-horiz:before {
  content: "\f2a2"; }

.md-more-vert:before {
  content: "\f2a3"; }

.md-refresh:before {
  content: "\f2a4"; }

.md-unfold-less:before {
  content: "\f2a5"; }

.md-unfold-more:before {
  content: "\f2a6"; }

.md-adb:before {
  content: "\f2a7"; }

.md-bluetooth-audio:before {
  content: "\f2a8"; }

.md-disc-full:before {
  content: "\f2a9"; }

.md-dnd-forwardslash:before {
  content: "\f2aa"; }

.md-do-not-disturb:before {
  content: "\f2ab"; }

.md-drive-eta:before {
  content: "\f2ac"; }

.md-event-available:before {
  content: "\f2ad"; }

.md-event-busy:before {
  content: "\f2ae"; }

.md-event-note:before {
  content: "\f2af"; }

.md-folder-special:before {
  content: "\f2b0"; }

.md-mms:before {
  content: "\f2b1"; }

.md-more:before {
  content: "\f2b2"; }

.md-network-locked:before {
  content: "\f2b3"; }

.md-phone-bluetooth-speaker:before {
  content: "\f2b4"; }

.md-phone-forwarded:before {
  content: "\f2b5"; }

.md-phone-in-talk:before {
  content: "\f2b6"; }

.md-phone-locked:before {
  content: "\f2b7"; }

.md-phone-missed:before {
  content: "\f2b8"; }

.md-phone-paused:before {
  content: "\f2b9"; }

.md-play-download:before {
  content: "\f2ba"; }

.md-play-install:before {
  content: "\f2bb"; }

.md-sd-card:before {
  content: "\f2bc"; }

.md-sim-card-alert:before {
  content: "\f2bd"; }

.md-sms:before {
  content: "\f2be"; }

.md-sms-failed:before {
  content: "\f2bf"; }

.md-sync:before {
  content: "\f2c0"; }

.md-sync-disabled:before {
  content: "\f2c1"; }

.md-sync-problem:before {
  content: "\f2c2"; }

.md-system-update:before {
  content: "\f2c3"; }

.md-tap-and-play:before {
  content: "\f2c4"; }

.md-time-to-leave:before {
  content: "\f2c5"; }

.md-vibration:before {
  content: "\f2c6"; }

.md-voice-chat:before {
  content: "\f2c7"; }

.md-vpn-lock:before {
  content: "\f2c8"; }

.md-cake:before {
  content: "\f2c9"; }

.md-domain:before {
  content: "\f2ca"; }

.md-location-city:before {
  content: "\f2cb"; }

.md-mood:before {
  content: "\f2cc"; }

.md-notifications-none:before {
  content: "\f2cd"; }

.md-notifications:before {
  content: "\f2ce"; }

.md-notifications-off:before {
  content: "\f2cf"; }

.md-notifications-on:before {
  content: "\f2d0"; }

.md-notifications-paused:before {
  content: "\f2d1"; }

.md-pages:before {
  content: "\f2d2"; }

.md-party-mode:before {
  content: "\f2d3"; }

.md-group:before {
  content: "\f2d4"; }

.md-group-add:before {
  content: "\f2d5"; }

.md-people:before {
  content: "\f2d6"; }

.md-people-outline:before {
  content: "\f2d7"; }

.md-person:before {
  content: "\f2d8"; }

.md-person-add:before {
  content: "\f2d9"; }

.md-person-outline:before {
  content: "\f2da"; }

.md-plus-one:before {
  content: "\f2db"; }

.md-poll:before {
  content: "\f2dc"; }

.md-public:before {
  content: "\f2dd"; }

.md-school:before {
  content: "\f2de"; }

.md-share:before {
  content: "\f2df"; }

.md-whatshot:before {
  content: "\f2e0"; }

.md-check-box:before {
  content: "\f2e1"; }

.md-check-box-outline-blank:before {
  content: "\f2e2"; }

.md-radio-button-off:before {
  content: "\f2e3"; }

.md-radio-button-on:before {
  content: "\f2e4"; }

.md-star:before {
  content: "\f2e5"; }

.md-star-half:before {
  content: "\f2e6"; }

.md-star-outline:before {
  content: "\f2e7"; }

/* =============================================================================
FUSION ADS
============================================================================= */
#fusionads {
  display: none;
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 5;
  padding: 12px;
  background: rgba(255, 255, 255, 0.95);
  font-size: 12px;
  line-height: 1.2;
  box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1); }

#fusionads .fusion-wrap {
  display: block;
  margin: 0 auto 10px auto;
  width: 130px; }

#fusionads a.fusion-text {
  display: block;
  color: #727272;
  text-decoration: none; }

#fusionads a.fusion-img {
  display: block;
  margin-bottom: 10px;
  width: 130px;
  height: 100px;
  background-color: #fff; }

#fusionads a.fusion-img img {
  display: block;
  margin: 0 0 12px 0; }

#fusionads a.fusion-poweredby {
  color: #CDDC39;
  text-decoration: none; }

@media all and (min-width: 600px) {
  #fusionads {
    display: block; } }
.mm-menu__items .areaBtn {
  background: #ccc;
  padding: 1em 0;
  text-align: center; }

.mm-menu__items .area-tel {
  background: #00a29d;
  padding: 1em;
  text-align: center;
  color: #fff; }
  .mm-menu__items .area-tel .business_hours {
    margin-bottom: -2vw;
    /*margin-left: -3vw;*/
    font-size: 3vw;
    text-align: justify;
    text-justify: inter-cluster;
    -moz-text-align-last: justify;
    -ms-text-align-last: justify;
    text-align-last: justify; }
  .mm-menu__items .area-tel .tel-num {
    display: block;
    width: 100%;
    padding-left: 7vw;
    background: url(../images/icon-area-tel-num-W.png) no-repeat left 22px/5.5vw auto;
    font-size: 8vw;
    letter-spacing: .32vw;
    margin-top: -2vw;
    text-align: justify;
    text-justify: distribute;
    -moz-text-align-last: justify;
    -ms-text-align-last: justify;
    text-align-last: justify; }

/*.mm-menu__header .tel{
position: absolute;
top: 100px;
left: 12px;
margin: 0;
}*/
/* Scss Document */
/*$colorDmi: #2F79BC;
$color1st: #E89C23;
$color2nd: #79dd4f;
$colorTxt: #515151;
$tomato: #ff6347;
$navy: #1D2087;
$orange: #EA6000;
$yellow: #F29600;
$grey: #777;
$lightGrey: #E5E5E5;
$fonts:"Lato",
"notosans_400-jis_1st",
"notosans_400-jis_2nd",
"Hiragino Kaku Gothic ProN",
"ヒラギノ角ゴ ProN W3",
"Hiragino Kaku Gothic Pro",
"ヒラギノ角ゴ Pro",
YuGothic,
"Yu Gothic",
游ゴシック,
Meiryo,
メイリオ,
Helvetica,
sans-serif;*/
/*$fonts:"Lato", YuGothic, "Yu Gothic", 游ゴシック, Meiryo, メイリオ, Helvetica, sans-seri ;*/
/*$serif: "Times New Roman",
"Hiragino Mincho Pro",
"HiraMinProN-W3",
"Yu Mincho",
"HGS明朝E",
"MS PMincho",
serif;
$serif: "Roboto Slab",
Garamond,
"Times New Roman",
"Hiragino Mincho Pro",
"HiraMinProN-W3",
"Yu Mincho",
"HGS明朝E",
"MS PMincho",
serif;
$shadowTxt: 0 0 7px rgba(0, 0, 0, 1);
$shadowBox: 12px 12px 35px rgba(0, 0, 0, .18);
$shadowBoxSmall: 6px 6px 10px rgba(0, 0, 0, .18);
$shadowImg: rgba(0, 0, 0, 0.04) 0px 0px 3px 3px;
$box-p: 40px;
$box-m: 50px;
$box-p-sp: 2.5%;
$box-m-sp: 20px;
$title-w: calc(100%-40px);*/
/*************************************************

お問合せページ

*************************************************/
/*====================
SPECIAL ADDITION
====================*/
.boxForm,
.thanks {
  box-sizing: border-box;
  width: 100%;
  margin: 20px auto;
  border: 1px solid #00a29d;
  border-radius: 3px;
  padding: 20px 20px 0 20px; }
  @media screen and (min-width: 1px) and (max-width: 768px) {
    .boxForm,
    .thanks {
      padding: 5%; } }
  .boxForm .notice,
  .thanks .notice {
    margin: 0 0 1em; }
  .boxForm img.title,
  .thanks img.title {
    display: block;
    width: 100%;
    height: auto; }

a {
  color: inherit; }

/*====================
SPECIAL ADDITION
====================*/
button,
button:active,
button:focus,
button:hover {
  outline: none;
  font-family: "YakuHanJPs", "Roboto Slab", "-apple-system", "BlinkMacSystemFont", "notosans_400-jis_1st", "notosans_400-jis_2nd", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "MyYuGothic", "Meiryo", "メイリオ", "YuGothic", "Yu Gothic", "游ゴシック", "Helvetica", sans-serif; }

.indent_head {
  clear: both;
  display: block;
  float: left;
  margin-right: 0.5em;
  padding: 1px 0; }

.indent_body {
  display: block;
  overflow: hidden;
  padding: 1px 0; }

/*.emphasis { display: inline-block; margin-top: 6px; padding: 0em .5em; background: tomato; border-radius: 3px; text-align: center; font-size: 12px; color: #fff;}*/
input,
select,
textarea,
input,
select,
textarea,
input[type="email"],
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="url"],
:placeholder-shown,
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
  font-family: "YakuHanJPs", "Roboto Slab", "-apple-system", "BlinkMacSystemFont", "notosans_400-jis_1st", "notosans_400-jis_2nd", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "MyYuGothic", "Meiryo", "メイリオ", "YuGothic", "Yu Gothic", "游ゴシック", "Helvetica", sans-serif; }

.contact input,
.contact select,
.contact textarea,
.contact input,
.contact select,
.contact textarea {
  padding: 0.2em;
  font-size: inherit;
  color: inherit;
  border-width: 1px;
  border-color: #ddd;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }
.contact input[type="email"],
.contact input[type="text"],
.contact input[type="number"],
.contact input[type="tel"],
.contact input[type="search"],
.contact input[type="time"],
.contact input[type="url"] {
  padding: 6px 10px;
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
  font-family: "YakuHanJPs", "Roboto Slab", "-apple-system", "BlinkMacSystemFont", "notosans_400-jis_1st", "notosans_400-jis_2nd", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "MyYuGothic", "Meiryo", "メイリオ", "YuGothic", "Yu Gothic", "游ゴシック", "Helvetica", sans-serif;
  /*color: #333;*/ }
.contact textarea {
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
  font-family: "YakuHanJPs", "Roboto Slab", "-apple-system", "BlinkMacSystemFont", "notosans_400-jis_1st", "notosans_400-jis_2nd", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "MyYuGothic", "Meiryo", "メイリオ", "YuGothic", "Yu Gothic", "游ゴシック", "Helvetica", sans-serif;
  /*color: #333;*/ }
.contact :placeholder-shown,
.contact ::-webkit-input-placeholder {
  font-family: "YakuHanJPs", "Roboto Slab", "-apple-system", "BlinkMacSystemFont", "notosans_400-jis_1st", "notosans_400-jis_2nd", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "MyYuGothic", "Meiryo", "メイリオ", "YuGothic", "Yu Gothic", "游ゴシック", "Helvetica", sans-serif;
  color: #A6A6A6; }
.contact :-moz-placeholder,
.contact ::-moz-placeholder {
  font-family: "YakuHanJPs", "Roboto Slab", "-apple-system", "BlinkMacSystemFont", "notosans_400-jis_1st", "notosans_400-jis_2nd", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "MyYuGothic", "Meiryo", "メイリオ", "YuGothic", "Yu Gothic", "游ゴシック", "Helvetica", sans-serif;
  opacity: 1;
  color: #A6A6A6; }
.contact :-ms-input-placeholder {
  font-family: "YakuHanJPs", "Roboto Slab", "-apple-system", "BlinkMacSystemFont", "notosans_400-jis_1st", "notosans_400-jis_2nd", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "MyYuGothic", "Meiryo", "メイリオ", "YuGothic", "Yu Gothic", "游ゴシック", "Helvetica", sans-serif;
  border-radius: 0;
  color: #A6A6A6; }
.contact input:focus,
.contact select:focus,
.contact textarea:focus,
.contact input:hover,
.contact select:hover,
.contact textarea:hover {
  box-sizing: border-box;
  background-color: #FEFFF2;
  border: 1px solid #4568af; }
.contact input:hover {
  text-decoration: none;
  outline: none; }
.contact label:hover {
  text-decoration: none;
  outline: none;
  cursor: pointer; }
.contact .emphasis {
  margin-right: 1em; }
.contact label {
  margin-right: 1em; }
.contact input,
.contact textarea {
  width: 98%; }
  .contact input[type="radio"],
  .contact textarea[type="radio"] {
    width: auto; }
    .contact input[type="radio"]:hover,
    .contact textarea[type="radio"]:hover {
      cursor: pointer; }
.contact .boxTelFax {
  margin-bottom: 60px;
  overflow: hidden; }
  @media screen and (min-width: 1px) and (max-width: 768px) {
    .contact .boxTelFax {
      margin-bottom: 30px; } }
.contact .telFax {
  display: flex;
  justify-content: space-around;
  margin: 0 auto 20px; }
  @media screen and (max-width: 768px) {
    .contact .telFax {
      justify-content: center;
      flex-direction: column;
      align-items: center;
      margin-bottom: 0; } }
  .contact .telFax li {
    box-sizing: border-box;
    margin-left: 40px;
    padding-left: 55px;
    font-size: 2em;
    line-height: 1.3; }
    @media screen and (max-width: 768px) {
      .contact .telFax li {
        margin-left: 0; } }
    .contact .telFax li .titleTelFax {
      font-size: 17px;
      color: #00a29d;
      letter-spacing: .34em; }
    .contact .telFax li:nth-child(2) .titleTelFax {
      letter-spacing: .47em; }
    .contact .telFax li.freeDial {
      padding-left: 55px;
      background: url(../images/contact/logo-freedial.svg) no-repeat left 29px;
      background-size: 40px auto; }
    .contact .telFax li.tel {
      margin-left: -20px;
      background: url(../images/contact/icon-tel.svg) no-repeat left center/auto 40px;
      letter-spacing: .15em;
      /* ----- ↓ IE ハック ↓ ----- */
      /* ----- ↑ IE ハック ↑ ----- */ }
      @media all and (-ms-high-contrast: none) {
        .contact .telFax li.tel {
          background-size: 45px 45px; } }
      @media screen and (max-width: 768px) {
        .contact .telFax li.tel {
          margin-bottom: 30px; } }
    .contact .telFax li.fax {
      margin-left: -20px;
      background: url(../images/contact/icon-fax.svg) no-repeat left center/auto 45px;
      letter-spacing: .15em;
      /* ----- ↓ IE ハック ↓ ----- */
      /* ----- ↑ IE ハック ↑ ----- */ }
      @media all and (-ms-high-contrast: none) {
        .contact .telFax li.fax {
          background-size: 45px 48px; } }
      @media screen and (min-width: 1px) and (max-width: 768px) {
        .contact .telFax li.fax {
          transform: scale(0.8, 0.8); } }
.contact .notice {
  margin-bottom: 30px;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .contact .notice {
      margin-bottom: 10px; } }
.contact input.birth {
  width: 5em; }
@media screen and (min-width: 1px) and (max-width: 768px) {
  .contact .mb .indent_head {
    margin-bottom: .5em; } }
.contact .birth select {
  width: 32%; }
  @media screen and (min-width: 1px) and (max-width: 768px) {
    .contact .birth select {
      width: 27%; }
      .contact .birth select:first-of-type {
        width: 40%; }
      .contact .birth select.mb {
        margin-bottom: .5em; } }
.contact .indent_body.mb .row {
  display: inline-block;
  margin-bottom: .5em; }
.contact .tableForm {
  max-width: 700px;
  margin: 0 auto; }
  .contact .tableForm .hide {
    display: none; }
  .contact .tableForm .display {
    display: block; }
  .contact .tableForm td,
  .contact .tableForm th {
    padding: 1em 2em;
    background: none;
    border: none;
    border-bottom: 1px dashed #ccc;
    color: #757575; }
    @media screen and (max-width: 768px) {
      .contact .tableForm td,
      .contact .tableForm th {
        display: block;
        width: 100%;
        padding: .5em 0; } }
  .contact .tableForm th {
    width: 11em;
    text-align: justify;
    text-justify: inter-cluster;
    -moz-text-align-last: justify;
    -ms-text-align-last: justify;
    text-align-last: justify;
    vertical-align: top; }
    @media screen and (max-width: 768px) {
      .contact .tableForm th {
        width: 100%;
        -moz-text-align-last: left;
        -ms-text-align-last: left;
        text-align-last: left;
        font-weight: bold;
        border: none; } }
  @media screen and (max-width: 768px) {
    .contact .tableForm td {
      padding-left: 1em; } }
  .contact .tableForm td .emphasis.op0 {
    opacity: 0; }
    @media screen and (max-width: 768px) {
      .contact .tableForm td .emphasis.op0 {
        display: none; } }
  @media screen and (max-width: 768px) {
    .contact .tableForm td.hissu input, .contact .tableForm td.hissu textarea, .contact .tableForm td.hissu select {
      /*width: 80%;*/ } }
  .contact .tableForm td.address .heading {
    width: 4em;
    margin-bottom: 0;
    padding: 6px 0;
    text-align: justify;
    text-justify: distribute;
    -moz-text-align-last: justify;
    -ms-text-align-last: justify;
    text-align-last: justify; }
    .contact .tableForm td.address .heading:last-of-type {
      margin-bottom: 0; }
    @media screen and (min-width: 1px) and (max-width: 768px) {
      .contact .tableForm td.address .heading {
        width: 4.2em;
        font-size: .8em; } }
  .contact .tableForm td.address .indent_body {
    margin-bottom: .5em; }
    .contact .tableForm td.address .indent_body:last-of-type {
      margin-bottom: 0; }
    .contact .tableForm td.address .indent_body input {
      width: 88%;
      margin-left: 1.6em; }
      @media screen and (min-width: 1px) and (max-width: 768px) {
        .contact .tableForm td.address .indent_body input {
          margin-left: 0; } }
      .contact .tableForm td.address .indent_body input.postal {
        width: 10em;
        margin-left: .5em; }
        @media screen and (min-width: 1px) and (max-width: 768px) {
          .contact .tableForm td.address .indent_body input.postal {
            width: 73%;
            margin-bottom: .5em; } }
      .contact .tableForm td.address .indent_body input.btnSearch {
        width: 5em;
        background: #0c1939;
        color: #fff;
        border: 1px solid #0c1939;
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
        border-radius: 4px; }
        .contact .tableForm td.address .indent_body input.btnSearch:hover {
          cursor: pointer;
          background: #fff;
          color: #0c1939;
          box-shadow: none; }
        @media screen and (min-width: 1px) and (max-width: 768px) {
          .contact .tableForm td.address .indent_body input.btnSearch {
            display: block;
            width: 7em;
            padding: .5em;
            margin: 0 auto; } }
      @media screen and (min-width: 1px) and (max-width: 768px) {
        .contact .tableForm td.address .indent_body input {
          width: 88%; } }
  @media screen and (max-width: 768px) {
    .contact .tableForm td.address .town {
      width: 200px; } }
  .contact .tableForm td.submit {
    text-align: center; }
@media screen and (max-width: 768px) {
  .contact input,
  .contact select,
  .contact textarea,
  .contact input,
  .contact select,
  .contact textarea {
    width: calc( 100%);
    font-size: 16px; }
  .contact .tableForm {
    box-sizing: border-box;
    width: 100%; }
    .contact .tableForm th,
    .contact .tableForm td {
      box-sizing: border-box;
      display: block;
      padding: 1em .5em; }
    .contact .tableForm th {
      width: 100%;
      padding-left: .3em;
      padding-bottom: 0;
      font-weight: bold;
      border-bottom: none;
      font-size: 17px; }
    .contact .tableForm td {
      padding: 1em;
      font-size: 17px; }
      .contact .tableForm td input {
        width: 80%; } }
      @media screen and (max-width: 768px) and (min-width: 1px) and (max-width: 768px) {
        .contact .tableForm td input {
          width: 100%; } }
@media screen and (max-width: 768px) {
        .contact .tableForm td input[type="radio"] {
          width: auto; }
      .contact .tableForm td textarea {
        width: 100%;
        margin: 0 auto; }
      .contact .tableForm td .indent_body.license span.mb select.row {
        display: block;
        margin-bottom: .5em; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      .contact .tableForm td .indent_head.w0 {
        width: 0; } }

/*.tableSet{
td,th{ padding: 1em 2em; background: none; border: none; border-bottom: 1px dashed $color1st; color: $colorTxt;
@media screen and (max-width: 768px) { padding: 1em 0;}}
th{ width: 11em;
@media screen and (max-width: 768px) {width: 100%;}
}
td{
.emphasis{
&.op0{
@media screen and (max-width: 768px) {display: none}
}
}
&.address{
.indent_head{ width: 4em; margin-bottom: .5em;}
.indent_body{ margin-bottom: .5em;}

.town{
@media screen and (max-width: 768px) { width: 200px;}
}
}
}

}*/
.confirmation {
  text-align: center; }
  .confirmation .errorThanks {
    margin: 1em 0;
    font-size: 1.2em;
    font-weight: normal;
    color: lightskyblue; }
  .confirmation .errorHeading {
    margin: 1em 0 0;
    font-size: 1.5em;
    font-weight: normal;
    color: tomato; }
  .confirmation .txtMessage {
    margin: 0 0 1.5em;
    font-size: 14px;
    color: tomato; }
  .confirmation .listErrorItem {
    display: inline-block;
    text-align: left;
    margin-left: 2em; }
    .confirmation .listErrorItem li {
      color: tomato;
      list-style-type: disc; }
  .confirmation .transmission {
    margin: 1em 0;
    text-align: center;
    font-size: 1.2em;
    color: mediumturquoise; }
  .confirmation table td {
    text-align: left; }
  .confirmation .areaBtn {
    padding-bottom: 17px; }

.btnSubmit {
  box-sizing: border-box;
  height: 40px;
  padding: 0 2em;
  background: #00a29d;
  color: #fff;
  border: 1px solid #00a29d;
  border-radius: 20px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  font-family: "YakuHanJPs", "Roboto Slab", "-apple-system", "BlinkMacSystemFont", "notosans_400-jis_1st", "notosans_400-jis_2nd", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "MyYuGothic", "Meiryo", "メイリオ", "YuGothic", "Yu Gothic", "游ゴシック", "Helvetica", sans-serif; }
  .btnSubmit:hover, .btnSubmit:active {
    background: rgba(255, 255, 255, 0.8);
    color: #00a29d;
    border: 1px solid #00a29d;
    cursor: pointer;
    box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18); }

.btnHistoryBack {
  box-sizing: border-box;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 1em 2em;
  padding: 0 2em;
  background: white;
  color: #ff6347;
  border: 1px solid #ff6347;
  border-radius: 20px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  font-family: "YakuHanJPs", "Roboto Slab", "-apple-system", "BlinkMacSystemFont", "notosans_400-jis_1st", "notosans_400-jis_2nd", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "MyYuGothic", "Meiryo", "メイリオ", "YuGothic", "Yu Gothic", "游ゴシック", "Helvetica", sans-serif; }
  .btnHistoryBack:hover, .btnHistoryBack:active {
    background: rgba(255, 99, 71, 0.6);
    color: #fff;
    border: 1px solid #ff6347;
    cursor: pointer;
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18);
    text-decoration: none; }

.btntoTop {
  box-sizing: border-box;
  height: 40px;
  padding: 0 2em;
  background: #fff;
  color: #aae8e5;
  border: 1px solid #aae8e5;
  border-radius: 20px;
  -moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }
  .btntoTop:hover, .btntoTop:active {
    background: #aae8e5;
    color: #fff;
    border: 1px solid #aae8e5;
    cursor: pointer;
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); }

.confirmation {
  margin: 0 auto; }
  .confirmation h2 {
    margin: 1em 0;
    text-align: center;
    font-size: 1.3em;
    color: tomato; }
  .confirmation .table_set {
    width: 100%; }
    .confirmation .table_set tr:nth-child(odd) {
      background: rgba(0, 0, 0, 0.02); }
    .confirmation .table_set th,
    .confirmation .table_set td {
      padding: 1em 2em;
      text-align: left;
      vertical-align: top; }
    .confirmation .table_set th {
      width: 8em;
      background: rgba(0, 0, 0, 0.02);
      text-align-last: justify; }
    .confirmation .table_set td {
      text-align: left; }

.button_area {
  text-align: center;
  margin: 3em 0; }

.contact .transmission h2 {
  margin: 1em 0;
  text-align: center;
  font-size: 1.3em;
  color: mediumturquoise; }

.contact .transmission .table_set {
  width: 80%;
  margin: 0 auto; }

.contact .transmission .table_set th {
  width: 45%; }

.contact .confirmation .notice_list {
  width: 24em;
  margin: 0 auto;
  color: tomato;
  list-style-type: disc; }

.button_area {
  text-align: center;
  margin: 3em 0; }

.thanksDone {
  /*width: 15em;*/
  margin: 0 auto 30px;
  background: #2F79BC;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #2F79BC;
  border-radius: 4px; }

.thanks {
  width: 100%;
  /*height : -webkit-calc(100vh - 500px); height : calc(100vh - 500px);*/ }
  @media screen and (max-width: 768px) {
    .thanks .contact .thanks {
      width: 95%;
      margin: 0 auto; } }
  .thanks .thanksHeading {
    margin-bottom: .5em;
    text-align: center;
    font-size: 1.5em;
    font-size: 28px;
    color: #138190; }
  .thanks .areaBtn {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 25px 0; }
  .thanks .thanksMesse {
    margin: 0 auto;
    text-align: center; }
    .thanks .thanksMesse p {
      display: inline-block;
      text-align: left;
      font-size: 1em; }
    .thanks .thanksMesse .address {
      margin: 2em auto 0;
      text-align: center;
      font-weight: bold; }
      .thanks .thanksMesse .address .addressHeading {
        margin-bottom: 1.5em;
        font-weight: bold; }
      .thanks .thanksMesse .address .addressTxt {
        display: inline-block;
        margin-top: 0;
        text-align: left;
        /*width: 16em;*/ }
        .thanks .thanksMesse .address .addressTxt .indent_head {
          width: 3.5em; }
        .thanks .thanksMesse .address .addressTxt .indent_body {
          white-space: nowrap; }

/*!
*  - v1.3
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/
/* Core
--------------------------------------------------*/
.slider-pro {
  position: relative;
  margin: 0 auto;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.sp-slides-container {
  position: relative; }

.sp-mask {
  position: relative;
  overflow: hidden; }

.sp-slides {
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; }

.sp-slide {
  position: absolute; }

.sp-image-container {
  overflow: hidden; }

.sp-image {
  position: relative;
  display: block;
  border: none; }

.sp-no-js {
  overflow: hidden;
  max-width: 100%; }

/* Thumbnails
--------------------------------------------------*/
.sp-thumbnails-container {
  position: relative;
  overflow: hidden;
  direction: ltr; }

.sp-top-thumbnails, .sp-bottom-thumbnails {
  left: 0;
  margin: 0 auto; }

.sp-top-thumbnails {
  position: absolute;
  top: 0;
  margin-bottom: 4px; }

.sp-bottom-thumbnails {
  margin-top: 4px; }

.sp-left-thumbnails {
  position: absolute;
  top: 0; }

.sp-right-thumbnails {
  position: absolute;
  top: 0;
  right: 0;
  margin-left: 4px; }

.sp-left-thumbnails {
  left: 0;
  margin-right: 4px; }

.sp-thumbnails {
  position: relative; }

.sp-thumbnail {
  border: none; }

.sp-thumbnail-container {
  position: relative;
  display: block;
  overflow: hidden;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.sp-rtl .sp-thumbnail-container {
  float: right; }

/* Horizontal thumbnails
------------------------*/
.sp-top-thumbnails .sp-thumbnail-container, .sp-bottom-thumbnails .sp-thumbnail-container {
  margin-left: 2px;
  margin-right: 2px; }

.sp-top-thumbnails .sp-thumbnail-container:first-child, .sp-bottom-thumbnails .sp-thumbnail-container:first-child {
  margin-left: 0; }

.sp-top-thumbnails .sp-thumbnail-container:last-child, .sp-bottom-thumbnails .sp-thumbnail-container:last-child {
  margin-right: 0; }

/* Vertical thumbnails 
----------------------*/
.sp-left-thumbnails .sp-thumbnail-container, .sp-right-thumbnails .sp-thumbnail-container {
  margin-top: 2px;
  margin-bottom: 2px; }

.sp-left-thumbnails .sp-thumbnail-container:first-child, .sp-right-thumbnails .sp-thumbnail-container:first-child {
  margin-top: 0; }

.sp-left-thumbnails .sp-thumbnail-container:last-child {
  margin-bottom: 0; }

.sp-right-thumbnails .sp-thumbnail-container:last-child {
  margin-bottom: 0; }
.sp-right-thumbnails.sp-has-pointer {
  margin-left: -13px; }
  .sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
    position: absolute;
    left: 18px;
    margin-left: 0 !important; }
  .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    content: '';
    position: absolute;
    height: 100%;
    border-left: 5px solid #F00;
    left: 0;
    top: 0;
    margin-left: 13px; }
  .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 50%;
    margin-top: -8px;
    border-right: 13px solid #F00;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent; }

/* Right thumbnails with pointer
--------------------------------*/
/* Left thumbnails with pointer
-------------------------------*/
.sp-left-thumbnails.sp-has-pointer {
  margin-right: -13px; }
  .sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
    position: absolute;
    right: 18px; }
  .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    content: '';
    position: absolute;
    height: 100%;
    border-left: 5px solid #F00;
    right: 0;
    top: 0;
    margin-right: 13px; }
  .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    top: 50%;
    margin-top: -8px;
    border-left: 13px solid #F00;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent; }

/* Bottom thumbnails with pointer
---------------------------------*/
.sp-bottom-thumbnails.sp-has-pointer {
  margin-top: -13px; }
  .sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
    position: absolute;
    top: 18px;
    margin-top: 0 !important; }
  .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    content: '';
    position: absolute;
    width: 100%;
    border-bottom: 5px solid #F00;
    top: 0;
    margin-top: 13px; }
  .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 0;
    margin-left: -8px;
    border-bottom: 13px solid #F00;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent; }

/* Top thumbnails with pointer
------------------------------*/
.sp-top-thumbnails.sp-has-pointer {
  margin-bottom: -13px; }
  .sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
    position: absolute;
    bottom: 18px; }
  .sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    content: '';
    position: absolute;
    width: 100%;
    border-bottom: 5px solid #F00;
    bottom: 0;
    margin-bottom: 13px; }
  .sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    bottom: 0;
    margin-left: -8px;
    border-top: 13px solid #F00;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent; }

/* Layers
--------------------------------------------------*/
.sp-layer {
  position: absolute;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-backface-visibility: hidden; }

.sp-black {
  color: #FFF;
  background: black;
  background: rgba(0, 0, 0, 0.7); }

.sp-white {
  color: #000;
  background: white;
  background: rgba(255, 255, 255, 0.7); }

.sp-rounded {
  border-radius: 10px; }

.sp-padding {
  padding: 10px; }

/* Touch Swipe
--------------------------------------------------*/
.sp-grab {
  /*cursor: url(images/openhand.cur), move;*/ }

.sp-grabbing {
  /*cursor: url(images/closedhand.cur), move;*/ }

.sp-selectable {
  cursor: default; }

/* Caption
--------------------------------------------------*/
.sp-caption-container {
  text-align: center;
  margin-top: 10px; }

/* Full Screen
--------------------------------------------------*/
.sp-full-screen {
  margin: 0 !important;
  background-color: #000; }

.sp-full-screen-button {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }
  .sp-full-screen-button:before {
    content: '\2195'; }

.sp-fade-full-screen {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.slider-pro:hover .sp-fade-full-screen {
  opacity: 1; }

/* Buttons
--------------------------------------------------*/
.sp-buttons {
  position: relative;
  width: 100%;
  text-align: center;
  padding-top: 10px; }

.sp-rtl .sp-buttons {
  direction: rtl; }

.sp-full-screen .sp-buttons {
  display: none; }

.sp-button {
  width: 10px;
  height: 10px;
  border: 2px solid #000;
  border-radius: 50%;
  margin: 4px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer; }

.sp-selected-button {
  background-color: #000; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sp-button {
    width: 14px;
    height: 14px; } }
@media only screen and (min-width: 568px) and (max-width: 768px) {
  .sp-button {
    width: 16px;
    height: 16px; } }
@media only screen and (min-width: 320px) and (max-width: 568px) {
  .sp-button {
    width: 18px;
    height: 18px; } }
/* Arrows
--------------------------------------------------*/
.sp-arrows {
  position: absolute; }

.sp-fade-arrows {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.sp-slides-container:hover .sp-fade-arrows {
  opacity: 1; }

.sp-horizontal .sp-arrows {
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -15px; }

.sp-vertical .sp-arrows {
  height: 100%;
  left: 50%;
  top: 0;
  margin-left: -10px; }

.sp-arrow {
  position: absolute;
  display: block;
  width: 20px;
  height: 30px;
  cursor: pointer; }

.sp-vertical .sp-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.sp-horizontal .sp-previous-arrow {
  left: 20px;
  right: auto; }
.sp-horizontal.sp-rtl .sp-previous-arrow, .sp-horizontal .sp-next-arrow {
  right: 20px;
  left: auto; }
.sp-horizontal.sp-rtl .sp-next-arrow {
  left: 20px;
  right: auto; }

.sp-vertical .sp-previous-arrow {
  top: 20px; }
.sp-vertical .sp-next-arrow {
  bottom: 20px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.sp-previous-arrow:before, .sp-previous-arrow:after {
  content: '';
  position: absolute;
  width: 50%;
  height: 50%;
  background-color: #FFF; }

.sp-next-arrow:before, .sp-next-arrow:after {
  content: '';
  position: absolute;
  width: 50%;
  height: 50%;
  background-color: #FFF; }

.sp-arrow:before {
  left: 30%;
  top: 0;
  -webkit-transform: skew(145deg, 0deg);
  -ms-transform: skew(145deg, 0deg);
  transform: skew(145deg, 0deg); }
.sp-arrow:after {
  left: 30%;
  top: 50%;
  -webkit-transform: skew(-145deg, 0deg);
  -ms-transform: skew(-145deg, 0deg);
  transform: skew(-145deg, 0deg); }

.sp-next-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.sp-horizontal.sp-rtl .sp-previous-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }
.sp-horizontal.sp-rtl .sp-next-arrow {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

.ie8 .sp-arrow, .ie7 .sp-arrow {
  width: 0;
  height: 0; }

.ie8 .sp-arrow:before, .ie8 .sp-arrow:after {
  content: none; }

.ie7 .sp-arrow:before, .ie7 .sp-arrow:after {
  content: none; }

.ie8.sp-horizontal .sp-previous-arrow, .ie7.sp-horizontal .sp-previous-arrow {
  border-right: 20px solid #FFF;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent; }

.ie8.sp-horizontal .sp-next-arrow, .ie7.sp-horizontal .sp-next-arrow {
  border-left: 20px solid #FFF;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent; }

.ie8.sp-vertical .sp-previous-arrow, .ie7.sp-vertical .sp-previous-arrow {
  border-bottom: 20px solid #FFF;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent; }

.ie8.sp-vertical .sp-next-arrow, .ie7.sp-vertical .sp-next-arrow {
  border-top: 20px solid #FFF;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent; }

/* Thumbnail Arrows
--------------------------------------------------*/
.sp-thumbnail-arrows {
  position: absolute; }

.sp-fade-thumbnail-arrows {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
  opacity: 1; }

.sp-top-thumbnails .sp-thumbnail-arrows, .sp-bottom-thumbnails .sp-thumbnail-arrows {
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -12px; }

.sp-left-thumbnails .sp-thumbnail-arrows, .sp-right-thumbnails .sp-thumbnail-arrows {
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -7px; }

.sp-thumbnail-arrow {
  position: absolute;
  display: block;
  width: 15px;
  height: 25px;
  cursor: pointer; }

.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow, .sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.sp-top-thumbnails .sp-previous-thumbnail-arrow, .sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
  left: 0px; }

.sp-top-thumbnails .sp-next-thumbnail-arrow, .sp-bottom-thumbnails .sp-next-thumbnail-arrow {
  right: 0px; }

.sp-left-thumbnails .sp-previous-thumbnail-arrow, .sp-right-thumbnails .sp-previous-thumbnail-arrow {
  top: 0px; }

.sp-left-thumbnails .sp-next-thumbnail-arrow, .sp-right-thumbnails .sp-next-thumbnail-arrow {
  bottom: 0px; }

.sp-previous-thumbnail-arrow:before, .sp-previous-thumbnail-arrow:after {
  content: '';
  position: absolute;
  width: 50%;
  height: 50%;
  background-color: #FFF; }

.sp-next-thumbnail-arrow:before, .sp-next-thumbnail-arrow:after {
  content: '';
  position: absolute;
  width: 50%;
  height: 50%;
  background-color: #FFF; }

.sp-previous-thumbnail-arrow:before {
  left: 30%;
  top: 0;
  -webkit-transform: skew(145deg, 0deg);
  -ms-transform: skew(145deg, 0deg);
  transform: skew(145deg, 0deg); }
.sp-previous-thumbnail-arrow:after {
  left: 30%;
  top: 50%;
  -webkit-transform: skew(-145deg, 0deg);
  -ms-transform: skew(-145deg, 0deg);
  transform: skew(-145deg, 0deg); }

.sp-next-thumbnail-arrow:before {
  right: 30%;
  top: 0;
  -webkit-transform: skew(35deg, 0deg);
  -ms-transform: skew(35deg, 0deg);
  transform: skew(35deg, 0deg); }
.sp-next-thumbnail-arrow:after {
  right: 30%;
  top: 50%;
  -webkit-transform: skew(-35deg, 0deg);
  -ms-transform: skew(-35deg, 0deg);
  transform: skew(-35deg, 0deg); }

.ie8 .sp-thumbnail-arrow, .ie7 .sp-thumbnail-arrow {
  width: 0;
  height: 0; }

.ie8 .sp-thumbnail-arrow:before, .ie8 .sp-thumbnail-arrow:after {
  content: none; }

.ie7 .sp-thumbnail-arrow:before, .ie7 .sp-thumbnail-arrow:after {
  content: none; }

.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow, .ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
  border-right: 12px solid #FFF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent; }

.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow, .ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
  border-right: 12px solid #FFF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent; }

.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow, .ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow {
  border-left: 12px solid #FFF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent; }

.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow, .ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow {
  border-left: 12px solid #FFF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent; }

.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow, .ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
  border-bottom: 12px solid #FFF;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent; }

.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow, .ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
  border-bottom: 12px solid #FFF;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent; }

.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow, .ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow {
  border-top: 12px solid #FFF;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent; }

.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow, .ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow {
  border-top: 12px solid #FFF;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent; }

/* Video
--------------------------------------------------*/
a.sp-video {
  text-decoration: none; }
  a.sp-video img {
    -webkit-backface-visibility: hidden;
    border: none; }
  a.sp-video:after {
    content: '\25B6';
    position: absolute;
    width: 45px;
    padding-left: 5px;
    height: 50px;
    border: 2px solid #FFF;
    text-align: center;
    font-size: 30px;
    border-radius: 30px;
    top: 0;
    color: #FFF;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
    margin: auto;
    line-height: 52px; }

/* CSS for preventing styling issues in WordPress
--------------------------------------------------*/
.slider-pro img.sp-image, .slider-pro img.sp-thumbnail {
  max-width: none;
  max-height: none;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  -webkit-box-shadow: none !important;
  -mox-box-shadow: none !important;
  box-shadow: none !important;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none; }
.slider-pro a {
  position: static;
  transition: none !important;
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important; }
.slider-pro iframe, .slider-pro object, .slider-pro video, .slider-pro embed, .slider-pro canvas {
  max-width: none;
  max-height: none; }
.slider-pro p.sp-layer {
  font-size: 14px;
  line-height: 1.4;
  margin: 0; }
.slider-pro h1.sp-layer {
  font-size: 32px;
  line-height: 1.4;
  margin: 0; }
.slider-pro h2.sp-layer {
  font-size: 24px;
  line-height: 1.4;
  margin: 0; }
.slider-pro h3.sp-layer {
  font-size: 19px;
  line-height: 1.4;
  margin: 0; }
.slider-pro h4.sp-layer {
  font-size: 16px;
  line-height: 1.4;
  margin: 0; }
.slider-pro h5.sp-layer {
  font-size: 13px;
  line-height: 1.4;
  margin: 0; }
.slider-pro h6.sp-layer {
  font-size: 11px;
  line-height: 1.4;
  margin: 0; }
.slider-pro img.sp-layer {
  border: none; }

body {
  padding: 2vw;
  /* ----- ↓ 印刷設定 ↓ ----- */
  /* ----- ↑ 印刷設定 ↑ ----- */ }
  @media print {
    body {
      padding: 0; } }

/*====================
HEADER
====================*/
.iconHome {
  padding-bottom: 10px;
  /* ----- ↓ IE ハック ↓ ----- */
  /* ----- ↑ IE ハック ↑ ----- */ }
  @media all and (-ms-high-contrast: none) {
    .iconHome {
      padding-bottom: 13px; } }

header {
  position: -webkit-sticky;
  position: sticky;
  top: .5vw;
  z-index: 5;
  width: calc(100% - 4vw);
  margin: 2vw auto 0; }
  @media print, screen and (min-width: 769px) {
    header {
      min-width: 1100px; } }
  @media screen and (max-width: 768px) {
    header {
      margin-top: 0; }
      header .header-sp {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: rgba(255, 255, 255, 0.7);
        border-bottom: 1px solid #e2e2e2;
        z-index: 1; }
        header .header-sp .wrap {
          height: 50px; }
          header .header-sp .wrap a {
            /*width: 40%;*/
            text-align: center;
            /*display: inherit;*/ }
            header .header-sp .wrap a img {
              width: 280px;
              height: auto; } }

/*====================
NAVIGATION
====================*/
.navGlobal {
  width: 100%;
  /* ----- ↓ 印刷設定 ↓ ----- */
  /* ----- ↑ 印刷設定 ↑ ----- */ }
  @media print {
    .navGlobal {
      width: 1000px; } }
  .navGlobal > ul.current a {
    color: #00a29d; }
  .navGlobal .box-right,
  .navGlobal .box-left {
    height: 70px;
    padding-top: 1px;
    border: 1px solid rgba(234, 234, 234, 0.9);
    border-top: none;
    background: url(../images/header-border.png) repeat-x top; }
  .navGlobal .box-left {
    width: 92%;
    margin-right: 4px;
    padding-right: 30px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 0 0 0 5px; }
    .navGlobal .box-left > ul {
      width: 100%;
      max-width: 900px;
      /*margin-bottom: 10px;*/ }
      .navGlobal .box-left > ul li:first-child {
        /*margin-top: -1px;*/ }
        .navGlobal .box-left > ul li:first-child a.logo:hover, .navGlobal .box-left > ul li:first-child a.logo:active {
          background: none;
          opacity: 1; }
          .navGlobal .box-left > ul li:first-child a.logo:hover img, .navGlobal .box-left > ul li:first-child a.logo:active img {
            opacity: 1; }
      .navGlobal .box-left > ul li:not(:first-child) {
        margin-left: 50px;
        text-align: center; }
        @media screen and (max-width: 1200px) {
          .navGlobal .box-left > ul li:not(:first-child) {
            margin-left: 30px; } }
        @media screen and (max-width: 1200px) {
          .navGlobal .box-left > ul li:not(:first-child) {
            margin-left: 40px; } }
      .navGlobal .box-left > ul li:nth-child(2) {
        margin-left: 20px; }
        .navGlobal .box-left > ul li:nth-child(2) a {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          .navGlobal .box-left > ul li:nth-child(2) a img.home {
            position: absolute;
            top: 30px;
            display: inline-block;
            margin-top: -10px; }
      .navGlobal .box-left > ul li a {
        display: inline-block;
        text-align: justify;
        text-justify: inter-cluster;
        -moz-text-align-last: justify;
        -ms-text-align-last: justify;
        text-align-last: justify;
        letter-spacing: .1em;
        color: #0c1939;
        font-weight: bold; }
        .navGlobal .box-left > ul li a i {
          display: block;
          font-size: 11px;
          font-weight: bold; }
        .navGlobal .box-left > ul li a:hover, .navGlobal .box-left > ul li a:active, .navGlobal .box-left > ul li a.current {
          color: #00a29d; }
  .navGlobal .box-right {
    width: 8%;
    min-width: 180px;
    margin-right: 4px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 0 0 5px 0; }
    .navGlobal .box-right > ul {
      width: 100%;
      background: rgba(0, 0, 0, 0.05); }
      .navGlobal .box-right > ul li {
        width: 100%; }
        .navGlobal .box-right > ul li:first-child {
          border-bottom: 1px solid #cbcbcb; }
          .navGlobal .box-right > ul li:first-child a {
            background: url(../images/icon-privacy.svg) no-repeat 10px center/10px 13px; }
            .navGlobal .box-right > ul li:first-child a:hover, .navGlobal .box-right > ul li:first-child a:active,
            .navGlobal .box-right > ul li:first-child a .current {
              color: #00a29d; }
        .navGlobal .box-right > ul li:nth-child(2) a {
          background: url(../images/icon-sitemap.svg) no-repeat 10px center/11px 12px; }
        .navGlobal .box-right > ul li a {
          display: flex;
          align-items: center;
          height: 33.5px;
          padding-left: 30px; }
          .navGlobal .box-right > ul li a:hover, .navGlobal .box-right > ul li a:active, .navGlobal .box-right > ul li a.current {
            background-color: rgba(0, 162, 157, 0.1);
            color: #00a29d; }

/*====================
MAIN
====================*/
main {
  /*overflow: hidden;*/ }

#areaPageTop {
  margin-bottom: calc(480px + 2vw);
  border: none;
  /*z-index: 99;*/ }
  @media screen and (max-width: 768px) {
    #areaPageTop {
      margin-bottom: calc(420px + 2vw); } }
  #areaPageTop a {
    background: #f2f2f2;
    border: 1px solid #ccc;
    z-index: 2;
    border-radius: 5px;
    box-shadow: 0 22px 33px rgba(0, 0, 0, 0.2); }
    #areaPageTop a:hover, #areaPageTop a:active {
      opacity: 1;
      background: #f2fafa;
      box-shadow: 2px 2px 33px rgba(0, 0, 0, 0.2); }

.page {
  position: relative;
  margin-top: calc(-70px - 2vw);
  padding-bottom: 2vw;
  background: #fff;
  /*border-bottom: 1px solid #ccc;*/
  z-index: 2;
  /* ----- ↓ 印刷設定 ↓ ----- */
  /* ----- ↑ 印刷設定 ↑ ----- */ }
  @media screen and (max-width: 768px) {
    .page {
      margin-top: 50px; } }
  @media print {
    .page {
      margin: 0; } }

.main {
  position: static;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  /*margin-bottom: 2.5vw;*/ }
  @media screen and (min-width: 769px) {
    .main {
      min-width: 1200px; } }

/*====================
FOOTER
====================*/
.footer {
  position: fixed;
  bottom: 0;
  clear: both;
  width: calc(100% - 4vw);
  bottom: 1.7vw;
  left: 2vw;
  /* ----- ↓ 印刷設定 ↓ ----- */
  /* ----- ↑ 印刷設定 ↑-----  */ }
  @media print {
    .footer {
      position: static;
      width: 100%;
      margin-top: 20px; } }

footer {
  width: 100%;
  height: 480px;
  padding-top: 60px;
  animation: anmtn-GR 30s linear infinite;
  background: -moz-linear-gradient(45deg, #b2e3e1, #fff, #ced1d7, #fff, #b2e3e1, #fff, #F9CFB2, #fff);
  background: -webkit-linear-gradient(45deg, #b2e3e1, #fff, #ced1d7, #fff, #b2e3e1, #fff, #F9CFB2, #fff);
  background: linear-gradient(45deg, #b2e3e1, #fff, #ced1d7, #fff, #b2e3e1, #fff, #F9CFB2, #fff);
  background-size: 1000% 1000%;
  color: #888;
  text-align: center;
  border-radius: 5px; }
  @media screen and (max-width: 768px) {
    footer {
      height: 420px;
      padding-top: 0; }
      footer .wrap {
        margin-top: 20px; } }
  footer .logoFooter {
    margin-bottom: 40px; }
    @media screen and (max-width: 768px) {
      footer .logoFooter {
        margin-top: 20px;
        margin-bottom: 10px; } }
  footer .nav-footer {
    width: 740px;
    margin: 0 auto 15px;
    /*border-bottom: 1px solid #999B90;*/ }
    footer .nav-footer li:before {
      content: "/";
      margin-right: 1em; }
    footer .nav-footer li:first-child:before {
      content: ""; }
    footer .nav-footer li a::before, footer .nav-footer li a::after {
      position: absolute;
      content: '';
      width: 0;
      height: 1px;
      background-color: #888;
      transition: .3s; }
    footer .nav-footer li a .footer-home {
      display: inline-block; }
      footer .nav-footer li a .footer-home img {
        display: inline-block;
        margin-bottom: 6px;
        vertical-align: middle; }
  footer .titleFooter {
    margin: 15px 0;
    font-size: 20px; }
  footer .btnGR.blueAnime {
    display: inline-block;
    margin-bottom: 5px;
    width: 240px;
    height: 30px;
    line-height: 18px;
    border-radius: 18px; }
  footer .btnRecruit {
    overflow: hidden;
    display: inline-block;
    background: url(../images/icon-footer01.svg) #00a29d no-repeat 6px center/23px 14px;
    border: 1px solid transparent;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); }
    footer .btnRecruit span {
      display: inline-block;
      width: 100px;
      /*height: 100%;*/
      margin-left: 37px;
      padding: .2em .5em .2em .5em;
      color: #fff;
      border-left: 1px solid #fff; }
    footer .btnRecruit:hover {
      background: url(../images/icon-footer01-ov.svg) #fff no-repeat 6px center/23px 14px;
      border: 1px solid #00a29d;
      box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18); }
      footer .btnRecruit:hover span {
        color: #00a29d;
        border-left: 1px solid #00a29d; }
  footer .telNum {
    font-size: 30px; }
    footer .telNum span {
      display: inline-block;
      padding-right: .5em;
      font-size: 17px; }
  footer .faxNum {
    margin-bottom: 10px; }
  footer address .btn {
    display: inline-block;
    margin: 15px 0 20px;
    width: 5em;
    background: #757575;
    color: #fff;
    font-weight: bold; }
  footer .upper {
    padding: 20px 0;
    background: #D9D9D9;
    text-align: center; }
    @media screen and (max-width: 768px) {
      footer .upper {
        padding-bottom: 0; } }
    footer .upper .navFooter {
      width: 540px;
      margin: 20px auto 15px; }
      @media screen and (max-width: 768px) {
        footer .upper .navFooter {
          width: 100%;
          margin: 0;
          text-align: left; } }
      footer .upper .navFooter li:before {
        content: "/";
        margin-right: 1em; }
        @media screen and (max-width: 768px) {
          footer .upper .navFooter li:before {
            content: ""; } }
      footer .upper .navFooter li:first-child:before {
        content: ""; }
      footer .upper .navFooter li a {
        position: relative;
        display: inline-block;
        text-decoration: none;
        transition: .3s;
        color: #777; }
        @media screen and (max-width: 768px) {
          footer .upper .navFooter li a {
            display: flex; } }
        footer .upper .navFooter li a:hover, footer .upper .navFooter li a:active {
          color: #08c; }
        footer .upper .navFooter li a::befor, footer .upper .navFooter li a::after {
          position: absolute;
          content: '';
          width: 0;
          height: 1px;
          background-color: #08c;
          transition: .3s; }
        footer .upper .navFooter li a::before {
          top: 0;
          left: 0; }
        footer .upper .navFooter li a::after {
          bottom: 0;
          right: 0; }
        footer .upper .navFooter li a:hover::before, footer .upper .navFooter li a:active::before, footer .upper .navFooter li a:hover::after, footer .upper .navFooter li a:active::after {
          width: 100%; }
      footer .upper .navFooter li img {
        vertical-align: middle; }
    footer .upper .logoFooter {
      display: inline-block; }
      @media screen and (max-width: 768px) {
        footer .upper .logoFooter {
          width: 60%;
          margin-bottom: 10px; } }
    @media screen and (max-width: 768px) {
      footer .upper .areaBtn {
        margin: 15px 0; } }
    footer .upper .areaBtn .btnRecruit {
      overflow: hidden;
      display: inline-block;
      background: url(../images/icon-footer01.svg) #777 no-repeat 6px center/23px 14px;
      border: 1px solid transparent;
      box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); }
      footer .upper .areaBtn .btnRecruit span {
        display: inline-block;
        width: 100px;
        /*height: 100%;*/
        margin-left: 37px;
        padding: .2em .5em .2em .5em;
        color: #fff;
        border-left: 1px solid #fff; }
      footer .upper .areaBtn .btnRecruit:hover, footer .upper .areaBtn .btnRecruit:active {
        background: url(../images/icon-footer01-ov.svg) #fff no-repeat 6px center/23px 14px;
        border: 1px solid #777;
        box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18); }
        footer .upper .areaBtn .btnRecruit:hover span, footer .upper .areaBtn .btnRecruit:active span {
          color: #777;
          border-left: 1px solid #777; }
    footer .upper .areaBtn .btnContact {
      overflow: hidden;
      display: inline-block;
      background: url(../images/icon-footer02.svg) #777 no-repeat 6px center/23px 14px;
      border: 1px solid transparent;
      box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); }
      footer .upper .areaBtn .btnContact span {
        display: inline-block;
        width: 100px;
        /*height: 100%;*/
        margin-left: 37px;
        padding: .2em .5em .2em .5em;
        color: #fff;
        border-left: 1px solid #fff; }
      footer .upper .areaBtn .btnContact:hover, footer .upper .areaBtn .btnContact:active {
        background: url(../images/icon-footer02-ov.svg) #fff no-repeat 6px center/23px 14px;
        border: 1px solid #777;
        box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18); }
        footer .upper .areaBtn .btnContact:hover span, footer .upper .areaBtn .btnContact:active span {
          color: #777;
          border-left: 1px solid #777; }
  footer .lower {
    background: #00a29d;
    text-align: center;
    color: #fff; }
    footer .lower address {
      padding: 25px 0; }
      footer .lower address .tel {
        font-size: 1.3em; }
    footer .lower small {
      display: block;
      height: 18px;
      line-height: 18px;
      border-top: 1px solid #fff; }

.btnMail {
  background-color: #00a29d; }

/*====================
SIDE
====================*/
.side {
  float: left;
  width: 210px;
  margin-top: 40px;
  margin-bottom: 60px;
  position: -webkit-sticky;
  position: sticky;
  top: 2vw;
  z-index: 1;
  /* ----- ↓ 印刷設定 ↓ ----- */
  /*@media print {
  width: 150px;
}*/
  /* ----- ↑ 印刷設定 ↑ ----- */ }
  .side.sticky {
    top: 100px; }
  .side .navSide {
    padding: 0 6px 6px;
    border: 1px solid #ccc; }
    .side .navSide .title-side {
      position: relative;
      margin-bottom: 20px;
      padding: 10px 0;
      font-family: "YakuHanMP", "Garamond", "Times New Roman", "Hiragino Mincho Pro", "HiraMinProN-W3", "Yu Mincho", "HGS明朝E", "MS PMincho", serif;
      font-size: 20px;
      font-weight: bold;
      color: #616161; }
      .side .navSide .title-side.small {
        font-size: 19px; }
      .side .navSide .title-side::after {
        content: "";
        display: block;
        width: 30px;
        height: 1px;
        background: #616161;
        position: absolute;
        bottom: 0;
        left: 10%;
        margin-left: -15px; }
    .side .navSide .listSide li:not(:last-child) a.listHead {
      border-bottom: 1px solid #fff; }
    .side .navSide .listSide li a.listHead {
      display: flex;
      align-items: center;
      height: 33px;
      line-height: 30px;
      padding: 0;
      padding-left: 8px;
      background: #00a29d;
      font-size: 13px;
      font-weight: normal;
      color: #fff;
      border: 1px solid #00a29d; }
      .side .navSide .listSide li a.listHead.txtSmall {
        font-size: 12px;
        letter-spacing: -.01em; }
      .side .navSide .listSide li a.listHead:hover, .side .navSide .listSide li a.listHead:active {
        background: #fff;
        color: #00a29d; }
        .side .navSide .listSide li a.listHead:hover::before, .side .navSide .listSide li a.listHead:hover::after, .side .navSide .listSide li a.listHead:active::before, .side .navSide .listSide li a.listHead:active::after {
          border-color: #00a29d; }
      .side .navSide .listSide li a.listHead i {
        width: 25px;
        font-size: 16px; }
    .side .navSide .listSide li .accordion_dl dt {
      height: 35px;
      line-height: 35px;
      padding: 0;
      padding-left: 40px;
      background: #00a29d url(../images/iconList.png) no-repeat 10px center/17px 14px;
      font-size: 13px;
      font-weight: normal;
      border-bottom: none; }
      .side .navSide .listSide li .accordion_dl dt:before {
        width: 10px;
        height: 10px;
        right: 10px; }
      .side .navSide .listSide li .accordion_dl dt:after {
        width: 10px;
        height: 10px;
        right: 10px; }
      .side .navSide .listSide li .accordion_dl dt a {
        display: block;
        width: 130px; }
    .side .navSide .listSide li .accordion_dl dd .item-navSide li {
      margin: 0 0 0;
      padding: 0;
      background: #fff url(../images/check.svg) no-repeat 15px center/17px 14px;
      border-bottom: none; }
      .side .navSide .listSide li .accordion_dl dd .item-navSide li:before {
        display: none; }
      .side .navSide .listSide li .accordion_dl dd .item-navSide li:after {
        display: none; }
      .side .navSide .listSide li .accordion_dl dd .item-navSide li:first-of-type a {
        margin-top: 1px;
        border-top: 1px solid #ccc; }
      .side .navSide .listSide li .accordion_dl dd .item-navSide li.season {
        background-image: none; }
        .side .navSide .listSide li .accordion_dl dd .item-navSide li.season.title-item {
          border-top: none;
          margin-bottom: 1px; }
          .side .navSide .listSide li .accordion_dl dd .item-navSide li.season.title-item a {
            padding: 0;
            color: #fff; }
          .side .navSide .listSide li .accordion_dl dd .item-navSide li.season.title-item.spring {
            background: #8dcf3f;
            text-align: center; }
          .side .navSide .listSide li .accordion_dl dd .item-navSide li.season.title-item.summer {
            background: #44dede;
            text-align: center; }
          .side .navSide .listSide li .accordion_dl dd .item-navSide li.season.title-item.autumn {
            background: #87731f;
            text-align: center; }
          .side .navSide .listSide li .accordion_dl dd .item-navSide li.season.title-item.winter {
            background: #f58e7e;
            text-align: center; }
      .side .navSide .listSide li .accordion_dl dd .item-navSide li.itemSpring {
        background: #f9fdf5 url(../images/check-spring.svg) no-repeat 15px center/17px 14px; }
        .side .navSide .listSide li .accordion_dl dd .item-navSide li.itemSpring a {
          border: 1px solid #d1ecb2;
          border-top: none;
          color: #8dcf3f; }
        .side .navSide .listSide li .accordion_dl dd .item-navSide li.itemSpring.first a {
          border-top: 1px solid #d1ecb2; }
      .side .navSide .listSide li .accordion_dl dd .item-navSide li.itemSummer {
        background: #f9fdf5 url(../images/check-summer.svg) no-repeat 15px center/17px 14px; }
        .side .navSide .listSide li .accordion_dl dd .item-navSide li.itemSummer a {
          border: 1px solid #d1ecb2;
          border-top: none;
          color: #8dcf3f; }
        .side .navSide .listSide li .accordion_dl dd .item-navSide li.itemSummer.first a {
          border-top: 1px solid #d1ecb2; }
      .side .navSide .listSide li .accordion_dl dd .item-navSide li.itemAutumn {
        background: #f9fdf5 url(../images/check-autumn.svg) no-repeat 15px center/17px 14px; }
        .side .navSide .listSide li .accordion_dl dd .item-navSide li.itemAutumn a {
          border: 1px solid #d1ecb2;
          border-top: none;
          color: #8dcf3f; }
        .side .navSide .listSide li .accordion_dl dd .item-navSide li.itemAutumn.first a {
          border-top: 1px solid #d1ecb2; }
      .side .navSide .listSide li .accordion_dl dd .item-navSide li.itemWinter {
        background: #f9fdf5 url(../images/check-winter.svg) no-repeat 15px center/17px 14px; }
        .side .navSide .listSide li .accordion_dl dd .item-navSide li.itemWinter a {
          border: 1px solid #d1ecb2;
          border-top: none;
          color: #f58e7e; }
        .side .navSide .listSide li .accordion_dl dd .item-navSide li.itemWinter.first a {
          border-top: 1px solid #d1ecb2; }
      .side .navSide .listSide li .accordion_dl dd .item-navSide li a {
        display: block;
        height: 35px;
        line-height: 35px;
        padding-left: 41px;
        border: 1px solid #ccc;
        font-size: 14px;
        border-top: none; }
        .recruit .side .navSide .listSide li .accordion_dl dd .item-navSide li a {
          padding-left: 10px; }
        .side .navSide .listSide li .accordion_dl dd .item-navSide li a:hover, .side .navSide .listSide li .accordion_dl dd .item-navSide li a:active {
          background: rgba(0, 162, 157, 0.1); }
        .side .navSide .listSide li .accordion_dl dd .item-navSide li a .material-icons {
          margin-top: 3px;
          margin-right: .7em;
          color: #00a29d;
          font-size: 18px; }
          .recruit .side .navSide .listSide li .accordion_dl dd .item-navSide li a .material-icons {
            margin-right: 10px; }

/*====================
PARTS
====================*/
a.btn_12 {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
  text-decoration: none;
  min-width: 120px;
  margin: auto;
  padding: 1rem 4rem 1rem 3rem;
  font-weight: bold;
  background: #4cbeba;
  color: #fff;
  line-height: 1.6;
  border-radius: 100vh;
  position: relative;
  transition: 0.5s; }
  a.btn_12::before {
    content: '';
    width: 7px;
    height: 7px;
    margin-right: 1em;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg); }
  a.btn_12:hover {
    background: #61e3de;
    color: #fff; }

.areaGrey {
  background: #EEEFF0; }

.mainContents {
  float: right;
  width: 95%;
  max-width: 760px;
  margin-top: 40px;
  background: #fff;
  /* ----- ↓ 印刷設定 ↓ ----- */
  /* ----- ↑ 印刷設定 ↑ ----- */ }
  @media screen and (max-width: 768px) {
    .mainContents {
      background: none; } }
  @media print {
    .mainContents {
      width: 740px; } }
  .sitemap .mainContents {
    float: none;
    margin: 40px auto 0; }
    @media screen and (max-width: 768px) {
      .sitemap .mainContents {
        margin-top: 2.5vw; } }
  .mainContents img.bd {
    border: 1px solid #ccc; }
  .mainContents:last-of-type {
    /*margin-bottom: 30px;*/ }
    @media screen and (max-width: 768px) {
      .mainContents:last-of-type {
        margin-bottom: 20px; } }
  @media screen and (max-width: 768px) {
    .mainContents {
      float: none;
      margin: 20px auto 0; } }
  .mainContents .sec {
    margin-bottom: 60px; }
    .mainContents .sec::last-of-type {
      margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .mainContents .sec {
        /*margin-bottom: 30px;*/ }
        .mainContents .sec:last-child {
          margin-bottom: 0; } }
    .mainContents .sec:nth-of-type(2) div.half {
      width: 200px;
      margin-right: 10px; }
      @media screen and (max-width: 768px) {
        .mainContents .sec:nth-of-type(2) div.half {
          width: 47%; } }
      .mainContents .sec:nth-of-type(2) div.half .txt {
        padding: 0; }
    .mainContents .sec:nth-of-type(2) figure.half {
      width: 39%; }
    @media screen and (max-width: 768px) {
      .mainContents .sec#Armband figure {
        width: 50%; } }
    .mainContents .sec.half,
    .mainContents .sec .half {
      width: 48%; }
      @media screen and (max-width: 768px) {
        .mainContents .sec.half,
        .mainContents .sec .half {
          width: 100%; } }
    .mainContents .sec figure {
      text-align: center; }
      .mainContents .sec figure figcaption {
        margin-top: 10px;
        font-size: 11px; }
    .mainContents .sec .txt {
      margin-top: 10px;
      padding: 0 11px; }
  .mainContents .tableSet {
    box-sizing: border-box;
    width: calc(100% - 60px);
    margin: 0 30px 30px;
    background: rgba(0, 0, 0, 0.01); }
    @media screen and (max-width: 768px) {
      .mainContents .tableSet {
        width: 95%;
        margin: 0 2.5% 0; } }
    .mainContents .tableSet tr:nth-child(even) {
      background: rgba(0, 0, 0, 0.03); }
      @media screen and (max-width: 768px) {
        .mainContents .tableSet tr:nth-child(even) {
          background: none; } }
    .mainContents .tableSet th,
    .mainContents .tableSet td {
      box-sizing: border-box;
      padding-top: 20px;
      padding-bottom: 20px;
      border: 1px solid #fff; }
      @media screen and (max-width: 768px) {
        .mainContents .tableSet th,
        .mainContents .tableSet td {
          display: block;
          padding-top: .8em;
          padding-bottom: .8em; } }
    .mainContents .tableSet th {
      white-space: nowrap;
      padding-right: 20px;
      padding-left: 20px;
      background: rgba(0, 0, 0, 0.03);
      text-align: justify;
      text-justify: inter-cluster;
      -moz-text-align-last: justify;
      -ms-text-align-last: justify;
      text-align-last: justify;
      border-right: none;
      vertical-align: middle; }
      @media screen and (max-width: 768px) {
        .mainContents .tableSet th {
          -moz-text-align-last: left;
          -ms-text-align-last: left;
          text-align-last: left;
          border-bottom: none;
          font-weight: bold;
          letter-spacing: .2em; } }
    .mainContents .tableSet td {
      padding-right: 35px;
      padding-left: 35px; }
      .csr .mainContents .tableSet td {
        padding-left: 15px;
        padding-right: 15px; }
        @media screen and (max-width: 768px) {
          .csr .mainContents .tableSet td {
            padding-right: 35px;
            padding-left: 35px; } }
        .csr .mainContents .tableSet td:nth-child(2) {
          width: 220px; }
          @media screen and (max-width: 768px) {
            .csr .mainContents .tableSet td:nth-child(2) {
              width: 100%; } }
  .mainContents .tableSet02 {
    width: calc(100% - 60px);
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .mainContents .tableSet02 {
        width: 95%; } }
    .mainContents .tableSet02 th,
    .mainContents .tableSet02 td {
      padding: 10px;
      border-bottom: 1px dashed #ccc; }
      .mainContents .tableSet02 th:first-of-type,
      .mainContents .tableSet02 td:first-of-type {
        border-top: 1px dashed #ccc; }
    .mainContents .tableSet02 th {
      text-align: justify;
      text-justify: inter-cluster;
      -moz-text-align-last: justify;
      -ms-text-align-last: justify;
      text-align-last: justify;
      white-space: nowrap; }
  .mainContents .listJob {
    margin: 0 5px 30px; }
    @media screen and (max-width: 768px) {
      .mainContents .listJob {
        margin: 0 0 20px; } }
    .mainContents .listJob li span,
    .mainContents .listJob li a {
      display: block;
      height: 30px;
      line-height: 30px;
      margin-bottom: 30px;
      padding-left: 28px;
      background: #00a29d url(../images/business/circle.svg) no-repeat 5px center/16px 16px;
      border-radius: 15px 4px 4px 15px;
      color: #fff;
      font-size: 13px;
      font-weight: bold; }
    .mainContents .listJob li a {
      box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); }
      .mainContents .listJob li a:hover, .mainContents .listJob li a:active {
        opacity: 1;
        background-color: #aaa;
        box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18); }

.areaNavigation {
  background: #ebebeb;
  background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
  background: -webkit-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #ebebeb 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0);
  padding: 75px 0; }
  @media screen and (max-width: 768px) {
    .areaNavigation {
      padding: 30px 0;
      background: #fff; } }
  .areaNavigation .wrap {
    width: calc(100% - 15px);
    max-width: 100%; }
  .areaNavigation div[class^="sec"] {
    position: relative;
    width: calc(25% - 5px);
    padding-bottom: 130px;
    background: #fff;
    text-align: center;
    border: 1px solid #ccc; }
    @media screen and (max-width: 768px) {
      .areaNavigation div[class^="sec"] {
        width: 100%;
        margin: 0 auto 20px;
        padding-bottom: 70px;
        background: #ebebeb;
        border: 1px solid rgba(0, 162, 157, 0.4); } }
    .areaNavigation div[class^="sec"] li span {
      color: #757575; }
    .areaNavigation div[class^="sec"] li .belt {
      position: absolute;
      bottom: 10px;
      width: 100%;
      height: 20px; }
      .areaNavigation div[class^="sec"] li .belt span {
        position: static;
        display: block;
        line-height: 20px;
        text-align: center;
        color: #fff;
        mix-blend-mode: normal; }
    .areaNavigation div[class^="sec"].sec01 li.item01 {
      background: url(../images/bg-sec01-01.jpg) no-repeat center center/100% 100%; }
    .areaNavigation div[class^="sec"].sec01 li.item02 {
      background: url(../images/bg-sec01-02.jpg) no-repeat center center/100% 100%; }
    .areaNavigation div[class^="sec"].sec01 li.item03 {
      background: url(../images/bg-sec01-03.jpg) no-repeat center center/100% 100%; }
    .areaNavigation div[class^="sec"].sec01 li.item04 {
      background: url(../images/bg-sec01-04.jpg) no-repeat center center/100% 100%; }
    .areaNavigation div[class^="sec"].sec01 .listSec {
      width: 180px; }
      @media screen and (max-width: 768px) {
        .areaNavigation div[class^="sec"].sec01 .listSec {
          width: 90%;
          justify-content: space-evenly; } }
    .areaNavigation div[class^="sec"].sec02 li.item01 {
      background: url(../images/bg-sec02-01.jpg) no-repeat center center/100% 100%; }
    .areaNavigation div[class^="sec"].sec02 li.item02 {
      background: url(../images/bg-sec02-02.jpg) no-repeat center center/100% 100%; }
    .areaNavigation div[class^="sec"].sec02 li.item03 {
      background: url(../images/bg-sec02-03.jpg) no-repeat center center/100% 100%; }
    .areaNavigation div[class^="sec"].sec02 li.item04 {
      background: url(../images/bg-sec02-04.jpg) no-repeat center center/100% 100%; }
    .areaNavigation div[class^="sec"].sec03 li.item01 {
      background: url(../images/bg-sec03-01.jpg) no-repeat center center/100% 100%; }
    .areaNavigation div[class^="sec"].sec03 li.item02 {
      background: url(../images/bg-sec03-02.jpg) no-repeat center center/100% 100%; }
    .areaNavigation div[class^="sec"].sec03 li.item03 {
      background: url(../images/bg-sec03-03.jpg) no-repeat center center/100% 100%; }
    .areaNavigation div[class^="sec"].sec03 li.item04 {
      background: url(../images/bg-sec03-04.jpg) no-repeat center center/100% 100%; }
    .areaNavigation div[class^="sec"].sec04 li.item01 {
      background: url(../images/bg-sec04-01.jpg) no-repeat center center/100% 100%; }
      .areaNavigation div[class^="sec"].sec04 li.item01 .belt {
        background-image: url(../images/bg-belt01.png);
        background-image: none;
        background: rgba(141, 207, 63, 0.8); }
      .areaNavigation div[class^="sec"].sec04 li.item01 .listSec {
        width: 189px; }
        @media screen and (max-width: 768px) {
          .areaNavigation div[class^="sec"].sec04 li.item01 .listSec {
            width: 90%;
            justify-content: space-evenly; } }
    .areaNavigation div[class^="sec"].sec04 li.item02 {
      background: url(../images/bg-sec04-02.jpg) no-repeat center center/100% 100%; }
      .areaNavigation div[class^="sec"].sec04 li.item02 .belt {
        background-image: url(../images/bg-belt02.png);
        background-image: none;
        background: rgba(68, 222, 222, 0.8); }
    .areaNavigation div[class^="sec"].sec04 li.item03 {
      background: url(../images/bg-sec04-03.jpg) no-repeat center center/100% 100%; }
      .areaNavigation div[class^="sec"].sec04 li.item03 .belt {
        background-image: url(../images/bg-belt03.png);
        background-image: none;
        background: rgba(135, 115, 31, 0.8); }
    .areaNavigation div[class^="sec"].sec04 li.item04 {
      background: url(../images/bg-sec04-04.jpg) no-repeat center center/100% 100%; }
      .areaNavigation div[class^="sec"].sec04 li.item04 .belt {
        background-image: url(../images/bg-belt04.png);
        background-image: none;
        background: rgba(245, 142, 126, 0.8); }
    .areaNavigation div[class^="sec"].sec04 .listSec {
      width: 190px; }
      @media screen and (max-width: 768px) {
        .areaNavigation div[class^="sec"].sec04 .listSec {
          width: 90%;
          justify-content: space-evenly; } }
    .areaNavigation div[class^="sec"] .listUpper {
      margin-bottom: 70px; }
      @media screen and (max-width: 768px) {
        .areaNavigation div[class^="sec"] .listUpper {
          margin-bottom: 20px; } }
      .areaNavigation div[class^="sec"] .listUpper li {
        position: relative;
        width: 50%;
        height: 7.8vw;
        border: 1px solid #fff; }
        @media screen and (max-width: 768px) {
          .areaNavigation div[class^="sec"] .listUpper li {
            height: 31vw; } }
        .areaNavigation div[class^="sec"] .listUpper li:nth-child(even) {
          border-left: none; }
        .areaNavigation div[class^="sec"] .listUpper li span {
          position: absolute;
          left: 5px;
          bottom: 2px;
          font-size: 11.5px; }
          @media screen and (max-width: 768px) {
            .areaNavigation div[class^="sec"] .listUpper li span {
              font-size: 10px; } }
    .areaNavigation div[class^="sec"] .titleSec {
      margin-bottom: 20px;
      font-family: "YakuHanMP", "Garamond", "Times New Roman", "Hiragino Mincho Pro", "HiraMinProN-W3", "Yu Mincho", "HGS明朝E", "MS PMincho", serif;
      font-size: 24px;
      text-align: center;
      color: #757575;
      /* ----- ↓ 印刷設定 ↓ ----- */
      /* ----- ↑ 印刷設定 ↑ ----- */ }
      @media screen and (max-width: 768px) {
        .areaNavigation div[class^="sec"] .titleSec {
          font-size: 15px; } }
      @media print {
        .areaNavigation div[class^="sec"] .titleSec {
          font-size: 22px; } }
      .areaNavigation div[class^="sec"] .titleSec i {
        display: block;
        font-size: 14px;
        font-family: "Times New Roman", serif;
        font-style: italic;
        color: #a0a0a0; }
    .areaNavigation div[class^="sec"] .listSec {
      width: 200px;
      height: 90px;
      margin: 0 auto;
      text-align: left; }
      @media screen and (max-width: 768px) {
        .areaNavigation div[class^="sec"] .listSec {
          width: 90%;
          height: auto;
          margin: 0 auto;
          justify-content: center; } }
      .areaNavigation div[class^="sec"] .listSec li {
        display: inline-block;
        padding-left: 1.3em;
        background: url(../images/check.svg) no-repeat left center/11px 8px;
        text-align: left;
        margin-right: 1em; }
    .areaNavigation div[class^="sec"] .btnGR {
      position: absolute;
      box-sizing: content-box;
      width: 150px;
      margin: 0 auto 50px;
      padding: .2em 3em;
      bottom: 0;
      left: 0;
      right: 0;
      border-radius: 15px; }
      @media screen and (max-width: 768px) {
        .areaNavigation div[class^="sec"] .btnGR {
          width: 90%;
          box-sizing: border-box;
          margin-bottom: 20px;
          padding: .2em 1em; } }
  .products .areaNavigation {
    border-top: 1px solid #ccc; }
  .areaNavigation .title-areaNavigation {
    margin-bottom: 50px;
    text-align: center; }
    .products .areaNavigation .title-areaNavigation {
      padding-top: 50px 0; }
    .index .areaNavigation .title-areaNavigation {
      display: none; }

.areaBnr {
  position: relative;
  margin-bottom: 2vw;
  text-align: center;
  z-index: 2; }
  @media screen and (max-width: 768px) {
    .areaBnr {
      margin-right: auto;
      margin-left: auto; } }
  .areaBnr .wrap {
    /*position: relative;*/
    background: #fff;
    margin: 0 auto;
    padding: 30px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 22px 33px rgba(0, 0, 0, 0.2);
    /*z-index: 1;*/ }
    @media screen and (max-width: 768px) {
      .areaBnr .wrap {
        margin: auto 2vw;
        padding: 30px 15px; } }
    .areaBnr .wrap .title-areaBnr {
      display: inline-block;
      margin-bottom: 25px;
      padding-left: 40px;
      background: url(../images/icon-flag.svg) no-repeat left center/31px 37px;
      font-size: 22px; }
      @media screen and (max-width: 768px) {
        .areaBnr .wrap .title-areaBnr {
          display: block;
          background-position: center left;
          background-size: 25px auto;
          font-size: 15px;
          text-align: left; } }
    .areaBnr .wrap .box {
      margin-bottom: 25px; }
    .areaBnr .wrap .boxTel {
      width: 260px; }
      @media screen and (max-width: 768px) {
        .areaBnr .wrap .boxTel {
          margin-bottom: 20px; } }
      .areaBnr .wrap .boxTel .hours {
        text-align: justify;
        text-justify: inter-cluster;
        -moz-text-align-last: justify;
        -ms-text-align-last: justify;
        text-align-last: justify;
        font-size: 13px; }
      .areaBnr .wrap .boxTel a {
        display: block;
        width: 260px;
        padding-left: 45px;
        background: url(../images/icon-tel.svg) no-repeat 9px center/25px 25px;
        font-size: 27px;
        letter-spacing: .12em; }
    .areaBnr .wrap .boxFax {
      width: 260px;
      text-align: center; }
      .areaBnr .wrap .boxFax span {
        display: block;
        padding-left: 45px;
        background: url(../images/icon-fax.svg) no-repeat 9px center/31px 33px;
        font-size: 27px;
        letter-spacing: .12em; }
        @media screen and (max-width: 768px) {
          .areaBnr .wrap .boxFax span {
            display: inline;
            width: auto;
            padding-left: 35px;
            background-size: 20px 21px;
            font-size: 17px;
            text-align: center; } }
  .areaBnr .index {
    margin-bottom: 0; }

.area-btn {
  text-align: center; }
  .area-btn .btnGR.blueAnime {
    display: inline-block;
    margin-bottom: 5px;
    width: 240px;
    height: 30px;
    line-height: 18px;
    border-radius: 15px; }

.area-toTop a {
  background: #fffff0;
  height: 55px;
  border: 1px solid #ccc; }
  .area-toTop a:hover, .area-toTop a:active {
    background: #F7F7F7; }

.btn-view_detail {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  display: inline-block;
  width: 255px;
  height: 34px;
  line-height: 34px;
  padding: 0 45px;
  background: #00a29d url(../images/btn-arrow.svg) no-repeat 155px center/54px 6px;
  font-size: 12px;
  text-align: left;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #00a29d;
  border-radius: 22px;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); }
  .btn-view_detail:hover, .btn-view_detail:active {
    box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18);
    background: #fff url(../images/btn-arrow_on.svg) no-repeat 185px center/54px 6px;
    color: #00a29d; }

.btn-recruit {
  overflow: hidden;
  display: inline-block;
  margin-right: 10px;
  background: url(../images/icon-footer01.svg) #00a29d no-repeat 6px center/23px 14px;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); }
  @media screen and (max-width: 768px) {
    .btn-recruit {
      display: block;
      width: 140px;
      margin-top: 10px;
      margin-right: auto;
      margin-left: auto; } }
  .btn-recruit span {
    display: inline-block;
    width: 100px;
    margin-left: 37px;
    padding: .2em .5em .2em .5em;
    color: #fff;
    border-left: 1px solid #fff; }
  .btn-recruit:hover, .btn-recruit:active {
    background: url(../images/icon-footer01-ov.svg) #fff no-repeat 6px center/23px 14px;
    border: 1px solid #00a29d;
    box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18); }
    .btn-recruit:hover span, .btn-recruit:active span {
      color: #00a29d;
      border-left: 1px solid #00a29d; }

.box-pdf {
  text-align: center; }
  @media screen and (max-width: 768px) {
    .box-pdf {
      padding: 10% 5%;
      background: url(../images/bg-box-contents-sec04.png) no-repeat center center/cover;
      text-align: left;
      border-radius: 0 0 5px 5px; } }
  .box-pdf .title-box-contents {
    margin-bottom: 15px;
    font-size: 18px; }
    @media screen and (max-width: 768px) {
      .box-pdf .title-box-contents {
        text-align: center; } }
  .box-pdf .txt {
    margin-bottom: 30px; }

.btnPdf {
  display: block;
  border-radius: 20px;
  width: 260px;
  margin: 0 auto;
  height: 40px;
  line-height: 28px;
  border: 1px solid #979797; }
  .btnPdf span {
    display: block;
    padding: 0 2em;
    background: url(../images/iconPdf-w.svg) no-repeat 5px center/15px 15px;
    text-align: center; }
  .btnPdf:hover span, .btnPdf:active span {
    background: url(../images/iconPdf-g.svg) no-repeat 5px center/15px 15px; }

/*====================
TITLE
====================*/
.title_page-area {
  overflow: hidden;
  height: 340px;
  margin-bottom: 2vw;
  padding-top: 110px;
  border-radius: 5px; }
  @media screen and (max-width: 768px) {
    .title_page-area {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 200px;
      padding-top: 0; } }
  .company .title_page-area {
    background: url("../images/bg-title_page-company.jpg") no-repeat right center; }
    @media screen and (max-width: 768px) {
      .company .title_page-area {
        background-position: -150px center; } }
  .privacy .title_page-area {
    background: url("../images/bg-title_page-privacy.jpg") no-repeat center center; }
    @media screen and (max-width: 768px) {
      .privacy .title_page-area {
        background-size: auto 100%; } }
  .contact .title_page-area {
    background: url("../images/bg-title_page-contact.jpg") no-repeat center center; }
    @media screen and (max-width: 768px) {
      .contact .title_page-area {
        background-size: auto 100%; } }
  .sitemap .title_page-area {
    background: url("../images/bg-title_page-sitemap.jpg") no-repeat center center; }
    @media screen and (max-width: 768px) {
      .sitemap .title_page-area {
        background-size: auto 100%; } }
  .recruit .title_page-area {
    background: url("../images/bg-title_page-recruit.jpg") no-repeat center center; }
    @media screen and (max-width: 768px) {
      .recruit .title_page-area {
        background-size: auto 100%; } }
  .initiatives .title_page-area {
    background: url("../images/bg-title_page-initiatives.jpg") no-repeat center center; }
    @media screen and (max-width: 768px) {
      .initiatives .title_page-area {
        background-size: auto 100%; } }
  .business .title_page-area {
    background: url("../images/bg-title_page-business.jpg") no-repeat center center; }
    @media screen and (max-width: 768px) {
      .business .title_page-area {
        background-size: auto 100%; } }

.title_page {
  margin-top: 40px;
  font-size: 25px;
  /*weight: bold;*/
  text-align: center;
  color: #fff;
  letter-spacing: .72em;
  text-shadow: 0 0 3px black; }
  @media screen and (max-width: 768px) {
    .title_page {
      margin-top: 0;
      font-size: 20px;
      /*weight: bold;*/ } }
  .title_page i {
    display: block;
    padding-top: 15px;
    /*background: url(../images/title-page-line.svg) no-repeat center 10px / 122px auto;*/
    font-family: "Roboto Slab";
    font-size: 17px;
    font-weight: bold;
    letter-spacing: .38em; }
    .title_page i span {
      position: relative;
      display: inline-block;
      padding: 10px;
      border-top: 1px solid #fff; }
      .title_page i span:before, .title_page i span:after {
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        top: -3px; }
      .title_page i span:before {
        left: -4px; }
      .title_page i span:after {
        right: -4px; }

.title_sub {
  margin: 0 30px 30px;
  padding-left: 8px;
  border-bottom: 2px solid #ccc;
  border-left: 2px solid #00a29d;
  font-size: 1.4rem;
  font-weight: bold; }

/*.titlePage {
box-sizing: border-box;
height: 260px;
padding: 40px 0 30px;
background: #fff;
text-align: center;
@media screen and (max-width: 768px) {
height: 140px;
margin-top: 40px;
padding: 10px 0 20px;
.txt {
width: 80px;
}
.line {}
.icon {
width: 25px;
}
}
}*/
@media screen and (max-width: 768px) {
  .contact .mainContents .sec.form-box .title-sec {
    letter-spacing: .3em; } }

.business .mainContents .sec,
.initiatives .mainContents .sec,
.contact .mainContents .sec,
.company .mainContents .sec,
.access .mainContents .sec {
  /*.title-sec 
}*/ }
  .business .mainContents .sec::not(:last-child),
  .initiatives .mainContents .sec::not(:last-child),
  .contact .mainContents .sec::not(:last-child),
  .company .mainContents .sec::not(:last-child),
  .access .mainContents .sec::not(:last-child) {
    margin-bottom: 50px; }
  .business .mainContents .sec::last-of-type,
  .initiatives .mainContents .sec::last-of-type,
  .contact .mainContents .sec::last-of-type,
  .company .mainContents .sec::last-of-type,
  .access .mainContents .sec::last-of-type {
    margin-bottom: 20px; }
  .business .mainContents .sec .title-sec,
  .initiatives .mainContents .sec .title-sec,
  .contact .mainContents .sec .title-sec,
  .company .mainContents .sec .title-sec,
  .access .mainContents .sec .title-sec {
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
    padding-bottom: 20px;
    font-size: 2.21rem;
    letter-spacing: .5em;
    text-align: center;
    color: #444; }
    @media screen and (max-width: 768px) {
      .business .mainContents .sec .title-sec,
      .initiatives .mainContents .sec .title-sec,
      .contact .mainContents .sec .title-sec,
      .company .mainContents .sec .title-sec,
      .access .mainContents .sec .title-sec {
        margin-bottom: 30px; }
        .business .mainContents .sec .title-sec.lsS,
        .initiatives .mainContents .sec .title-sec.lsS,
        .contact .mainContents .sec .title-sec.lsS,
        .company .mainContents .sec .title-sec.lsS,
        .access .mainContents .sec .title-sec.lsS {
          letter-spacing: .2em; } }
    .business .mainContents .sec .title-sec i,
    .initiatives .mainContents .sec .title-sec i,
    .contact .mainContents .sec .title-sec i,
    .company .mainContents .sec .title-sec i,
    .access .mainContents .sec .title-sec i {
      display: block;
      margin: 10px 0 0;
      letter-spacing: 0;
      text-transform: uppercase;
      font-family: "Roboto Slab";
      font-size: 1.4rem;
      font-weight: bold;
      letter-spacing: .25em; }
    .business .mainContents .sec .title-sec::after,
    .initiatives .mainContents .sec .title-sec::after,
    .contact .mainContents .sec .title-sec::after,
    .company .mainContents .sec .title-sec::after,
    .access .mainContents .sec .title-sec::after {
      content: "";
      display: block;
      width: 30px;
      height: 2px;
      background: #444;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -15px; }

/*====================
TITLE
====================*/
.mainVisual {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 800px;
  max-height: 98vh;
  margin-bottom: 0;
  background: url(../images/mainVisual.jpg) no-repeat right bottom/cover;
  border-radius: 5px; }
  @media print, screen and (min-width: 769px) {
    .mainVisual {
      min-width: 1200px; } }
  @media screen and (max-width: 768px) {
    .mainVisual {
      height: 65vh;
      background-position: 80% top;
      background-size: auto 100%; } }
  @media print {
    .mainVisual {
      width: 1000px; } }
  .mainVisual .catch {
    position: absolute;
    top: 24%;
    text-align: center;
    /* ----- ↓ IE ハック ↓ ----- */
    /* ----- ↑ IE ハック ↑ ----- */ }
    @media screen and (max-width: 768px) {
      .mainVisual .catch {
        top: 5%; } }
    .mainVisual .catch .catch-copy {
      margin-bottom: 15px; }
      @media screen and (max-width: 768px) {
        .mainVisual .catch .catch-copy {
          width: 70%;
          height: auto;
          margin-left: auto;
          margin-right: auto; } }
    .mainVisual .catch .catch-lead {
      margin-bottom: 25px; }
      @media screen and (max-width: 768px) {
        .mainVisual .catch .catch-lead {
          width: 70%;
          height: auto;
          margin-right: auto;
          margin-bottom: 15px;
          margin-left: auto; } }
    @media screen and (max-width: 768px) {
      .mainVisual .catch .company-name {
        width: 55%;
        margin-left: auto;
        margin-right: auto; } }
    @media all and (-ms-high-contrast: none) {
      .mainVisual .catch {
        top: 31%;
        left: calc(50% - 390px);
        width: 780px; } }
    .mainVisual .catch .mainVisual-logo-line {
      display: block;
      margin: 4.5vh 0; }
      @media screen and (max-width: 768px) {
        .mainVisual .catch .mainVisual-logo-line {
          display: inline-block;
          text-align: center;
          margin: 20px 0; } }

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

営業内容 ページ

*************************************************/
.business .lead {
  padding: 60px 0;
  font-family: "YakuHanMP", "Garamond", "Times New Roman", "Hiragino Mincho Pro", "HiraMinProN-W3", "Yu Mincho", "HGS明朝E", "MS PMincho", serif;
  font-size: 1.9rem;
  text-align: center;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  text-shadow: 2px 2px 3px rgba(0, 162, 157, 0.3); }
  @media screen and (max-width: 768px) {
    .business .lead {
      padding: 30px 2.5%; } }
.business .title_sub {
  margin: 0 0 15px;
  border-bottom: none; }
.business .sec .list-title {
  margin-bottom: 10px;
  font-size: 1.3em;
  color: #00a29d; }
.business .sec .txt {
  padding: 0 2em; }
  .business .sec .txt.mb {
    margin-bottom: 10px; }
.business .sec .flow-area {
  margin: 15px;
  padding: 20px;
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid #ccc;
  border-radius: 5px; }
  @media screen and (max-width: 768px) {
    .business .sec .flow-area {
      margin: 15px 0;
      padding: 20px 2.5%; } }
  @media screen and (max-width: 768px) {
    .business .sec .flow-area .flow {
      padding: 0; } }
  .business .sec .flow-area .flow dt {
    font-size: 1.4rem;
    font-weight: bold; }
  .business .sec .flow-area .flow dd {
    margin-left: 1.3em;
    margin-bottom: 20px;
    padding-bottom: 20px;
    background: url("../images/business/arrow.png") no-repeat 0 bottom/50px auto; }
    .business .sec .flow-area .flow dd:last-child {
      margin: 0;
      padding: 0;
      background: none; }
    .business .sec .flow-area .flow dd.box-pdf {
      width: 100%;
      margin: 15px 0;
      padding: 20px 0 30px;
      background: rgba(0, 0, 0, 0.03);
      border: 1px solid rgba(0, 162, 157, 0.5);
      border-radius: 5px; }
      @media screen and (max-width: 768px) {
        .business .sec .flow-area .flow dd.box-pdf {
          margin-left: 0; } }
.business .sec .bnr-area .bnr {
  width: 48%; }
  @media screen and (max-width: 768px) {
    .business .sec .bnr-area .bnr {
      width: 100%; }
      .business .sec .bnr-area .bnr:first-of-type {
        margin-bottom: 20px; } }
  .business .sec .bnr-area .bnr a {
    display: inline-block;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); }
    .business .sec .bnr-area .bnr a:hover, .business .sec .bnr-area .bnr a:active {
      box-shadow: 12px 12px 35px rgba(0, 0, 0, 0.18); }
  .business .sec .bnr-area .bnr img {
    display: inline-block;
    width: 100%;
    height: auto;
    border: 1px solid #ccc; }

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

CSRの取組み

*************************************************/
.initiatives .title_sub {
  margin: 0 0 30px; }
  .initiatives .title_sub-sub {
    margin-bottom: 15px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #00a29d; }
    @media screen and (min-width: 1px) and (max-width: 768px) {
      .initiatives .title_sub-sub {
        margin: 0 2.5% 10px;
        letter-spacing: -.03em; } }
.initiatives .sec .list-title {
  margin-bottom: 10px;
  font-size: 1.3em;
  color: #00a29d; }
.initiatives .sec .txt {
  padding: 0; }
  .initiatives .sec .txt.mb {
    margin-bottom: 20px; }
.initiatives .sec figure figcaption.title_sub {
  margin: 0 0 30px;
  text-align: left;
  font-size: 1.4rem; }
.initiatives .sec figure figcaption.wsnw {
  white-space: nowrap; }
.initiatives .sec:nth-of-type(2) img, .initiatives .sec:nth-of-type(3) img, .initiatives .sec:nth-of-type(4) img {
  border: 1px solid #ccc; }
  .initiatives .sec:nth-of-type(2) img.shdw, .initiatives .sec:nth-of-type(3) img.shdw, .initiatives .sec:nth-of-type(4) img.shdw {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); }
.initiatives .sec:nth-of-type(2) .gmark .boxTxt, .initiatives .sec:nth-of-type(3) .gmark .boxTxt, .initiatives .sec:nth-of-type(4) .gmark .boxTxt {
  width: 510px; }
  .initiatives .sec:nth-of-type(2) .gmark .boxTxt p:first-of-type, .initiatives .sec:nth-of-type(3) .gmark .boxTxt p:first-of-type, .initiatives .sec:nth-of-type(4) .gmark .boxTxt p:first-of-type {
    margin-bottom: 15px;
    /*text-align: center;*/ }
    .initiatives .sec:nth-of-type(2) .gmark .boxTxt p:first-of-type figure.sp, .initiatives .sec:nth-of-type(3) .gmark .boxTxt p:first-of-type figure.sp, .initiatives .sec:nth-of-type(4) .gmark .boxTxt p:first-of-type figure.sp {
      width: 50%; }
  .initiatives .sec:nth-of-type(2) .gmark .boxTxt figure.sp, .initiatives .sec:nth-of-type(3) .gmark .boxTxt figure.sp, .initiatives .sec:nth-of-type(4) .gmark .boxTxt figure.sp {
    width: 50%;
    margin: 0 auto 15px;
    text-align: center; }
    .initiatives .sec:nth-of-type(2) .gmark .boxTxt figure.sp figcaption, .initiatives .sec:nth-of-type(3) .gmark .boxTxt figure.sp figcaption, .initiatives .sec:nth-of-type(4) .gmark .boxTxt figure.sp figcaption {
      margin-top: 5px; }
.initiatives .sec:nth-of-type(2) .gmark .boxImg, .initiatives .sec:nth-of-type(3) .gmark .boxImg, .initiatives .sec:nth-of-type(4) .gmark .boxImg {
  width: 160px;
  margin-right: 0;
  margin-bottom: 0; }
  .initiatives .sec:nth-of-type(2) .gmark .boxImg figure figcaption, .initiatives .sec:nth-of-type(3) .gmark .boxImg figure figcaption, .initiatives .sec:nth-of-type(4) .gmark .boxImg figure figcaption {
    margin-top: 5px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #9a9a9a; }
.initiatives .sec:nth-of-type(2) .gmark img, .initiatives .sec:nth-of-type(3) .gmark img, .initiatives .sec:nth-of-type(4) .gmark img {
  width: 180px;
  /*display: inline-block;*/
  margin-right: 10px; }
.initiatives .sec:nth-of-type(2) .recognition figure, .initiatives .sec:nth-of-type(3) .recognition figure, .initiatives .sec:nth-of-type(4) .recognition figure {
  width: calc(100%/2 - 10px); }
  @media screen and (max-width: 768px) {
    .initiatives .sec:nth-of-type(2) .recognition figure, .initiatives .sec:nth-of-type(3) .recognition figure, .initiatives .sec:nth-of-type(4) .recognition figure {
      width: 90%;
      margin: 0 auto; }
      .initiatives .sec:nth-of-type(2) .recognition figure:first-of-type, .initiatives .sec:nth-of-type(3) .recognition figure:first-of-type, .initiatives .sec:nth-of-type(4) .recognition figure:first-of-type {
        margin-bottom: 15px; } }
  .initiatives .sec:nth-of-type(2) .recognition figure figcaption, .initiatives .sec:nth-of-type(3) .recognition figure figcaption, .initiatives .sec:nth-of-type(4) .recognition figure figcaption {
    margin-top: 5px;
    text-align: center;
    font-size: 11px;
    color: #9a9a9a; }
    .initiatives .sec:nth-of-type(2) .recognition figure figcaption h4, .initiatives .sec:nth-of-type(3) .recognition figure figcaption h4, .initiatives .sec:nth-of-type(4) .recognition figure figcaption h4 {
      font-size: 12px;
      font-weight: bold; }
.initiatives .sec:nth-of-type(3) .recognition, .initiatives .sec:nth-of-type(4) .recognition {
  margin-bottom: 35px; }
@media screen and (max-width: 768px) {
  .initiatives .sec:nth-of-type(3) #LetterOfThanks02,
  .initiatives .sec:nth-of-type(3) #LetterOfThanks02, .initiatives .sec:nth-of-type(4) #LetterOfThanks02,
  .initiatives .sec:nth-of-type(4) #LetterOfThanks02 {
    display: block;
    width: 100%; } }
.initiatives .sec:nth-of-type(4) .tableSet th, .initiatives .sec:nth-of-type(5) .tableSet th {
  width: 140px;
  background: rgba(0, 0, 0, 0.06); }
  @media screen and (max-width: 768px) {
    .initiatives .sec:nth-of-type(4) .tableSet th, .initiatives .sec:nth-of-type(5) .tableSet th {
      width: 100%; } }
.initiatives .sec:nth-of-type(4) .tableSet td:first-of-type, .initiatives .sec:nth-of-type(5) .tableSet td:first-of-type {
  background: rgba(0, 0, 0, 0.03);
  vertical-align: middle; }
.initiatives .sec .boxImg {
  margin: 0 0 30px; }
  @media screen and (max-width: 768px) {
    .initiatives .sec .boxImg {
      margin: 0 5% 25px; } }
  .initiatives .sec .boxImg li {
    width: calc(100%/3 - 10px); }
    .initiatives .sec .boxImg li:nth-of-type(-n + 3) {
      margin-bottom: 15px; }
    @media screen and (max-width: 768px) {
      .initiatives .sec .boxImg li {
        width: 100%; }
        .initiatives .sec .boxImg li:not(:last-child) {
          margin-bottom: 20px; } }
    .initiatives .sec .boxImg li .titleSub {
      margin-left: 0;
      margin-right: 0; }

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

採用情報 ページ

*************************************************/
.recruit .lead {
  margin-bottom: 30px;
  padding: 15px;
  font-size: 18px;
  text-align: center;
  border: 1px solid rgba(0, 162, 157, 0.5); }
.recruit .treatment {
  display: inline-block;
  margin-right: .5em;
  margin-bottom: 5px;
  padding: 0 .5em;
  background: #00a29d;
  color: #fff;
  font-size: 11px;
  border-radius: 4px; }
@media screen and (max-width: 768px) {
  .recruit .tableSet {
    margin-bottom: 30px; } }
.recruit .title-boxTxt {
  font-size: 16px;
  border-bottom: 1px dashed #515151;
  margin-bottom: 10px; }
.recruit .application-title {
  width: calc(100% - 60px);
  margin: 0 30px 30px;
  padding-left: 8px;
  border-bottom: 2px solid #ccc;
  border-left: 2px solid #00a29d;
  font-size: 1.4rem; }
  @media screen and (max-width: 768px) {
    .recruit .application-title {
      width: 95%;
      margin: 0 auto 30px; } }
.recruit .application-box {
  width: calc(100% - 60px);
  max-width: 660px;
  margin: 0 auto 30px;
  padding: 25px 0 30px;
  text-align: center;
  border: 1px solid rgba(0, 162, 157, 0.4);
  border-radius: 4px;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 768px) {
    .recruit .application-box {
      width: 95%;
      margin: 0 auto 30px; } }
  .recruit .application-box .application-subtitle {
    margin-bottom: 15px;
    color: #00a29d;
    font-size: 1.6rem;
    font-weight: bold; }
  .recruit .application-box .application-txt {
    margin-bottom: 15px;
    line-height: 1.5;
    color: #00a29d;
    font-size: 1.5rem; }
  .recruit .application-box .area-btn {
    margin: 25px 0 0; }

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

会社案内ページ

*************************************************/
.company .mainContents .sec .lead {
  font-size: 14px;
  margin: 30px 20px .5em; }
.company .mainContents .sec .listSet {
  width: 95%;
  margin: 0 auto; }
  .company .mainContents .sec .listSet .indentHead {
    width: 100px;
    margin-right: 0;
    text-align: center;
    letter-spacing: .3em; }
    .company .mainContents .sec .listSet .indentHead.rows {
      height: 65px; }
  .company .mainContents .sec .listSet dt,
  .company .mainContents .sec .listSet dd {
    padding: 10px;
    border-bottom: 1px dashed #ccc; }
    .company .mainContents .sec .listSet dt:first-of-type,
    .company .mainContents .sec .listSet dd:first-of-type {
      border-top: 1px dashed #ccc; }
.company .mainContents .sec .Gmap {
  width: 100%;
  height: 500px;
  padding: 1px;
  border: 1px solid #ccc; }
  .company .mainContents .sec .Gmap iframe {
    width: 100%;
    height: 496px; }

.company .profile {
  float: left;
  width: 265px;
  height: auto;
  margin: 0 20px 20px 0;
  padding: 1px;
  border: 1px solid #ccc;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 768px) {
    .company .profile {
      width: 48%;
      margin: 0 15px 15px 0; } }
.company .provision {
  display: inline-block;
  width: 26em;
  height: 290px;
  margin-bottom: 50px;
  font-size: 1.5em;
  line-height: 2.8;
  font-weight: bold;
  letter-spacing: .1em;
  text-shadow: 0 0 0.31em rgba(0, 162, 157, 0.2);
  text-align: justify;
  text-justify: inter-cluster;
  -moz-text-align-last: justify;
  -ms-text-align-last: justify;
  text-align-last: justify;
  padding: 3em 5em;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  /*&:first-of-type {
  margin-bottom: 1em;
}*/ }
  @media screen and (max-width: 768px) {
    .company .provision {
      width: auto;
      max-width: 22em;
      padding: 3em 2em;
      font-size: 1.3em;
      line-height: 2.3; } }
@media screen and (max-width: 768px) {
  .company .sec::not(:last-child) {
    margin-bottom: 60px; } }
@media screen and (max-width: 768px) {
  .company .sec .tableSet {
    margin-bottom: 30px; } }
.company .sec .tableSet th {
  width: 9em; }
  @media screen and (max-width: 768px) {
    .company .sec .tableSet th {
      width: 100%; } }
.company .sec .tableSet .officer .indent_head.heading {
  width: 5em;
  margin-right: 1.5em;
  /*font-size: .85em;*/
  text-align: justify;
  text-justify: inter-cluster;
  -moz-text-align-last: justify;
  -ms-text-align-last: justify;
  text-align-last: justify; }
.company .sec.sec01 {
  /*.sign {
  float: right;
  width: 13em;
  margin-top: em;
  text-align: justify;
  text-justify: inter-cluster;
  -moz-text-align-last: justify;
  -ms-text-align-last: justify;
  text-align-last: justify;
  figure {
  text-align: right;
}
}*/ }
  .company .sec.sec01 .txt {
    margin-bottom: 10px; }
  .company .sec.sec01 figure.sign {
    text-align: right; }
.company .sec.sec02 .boxOuter {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center; }
.company .sec.sec02 .provision {
  display: inline-block;
  width: 26em;
  margin-bottom: 50px;
  font-size: 1.5em;
  line-height: 2.8;
  font-weight: bold;
  letter-spacing: .1em;
  text-shadow: 0 0 0.31em rgba(0, 162, 157, 0.2);
  /*      text-align: justify;
  text-justify: inter-cluster;
  -moz-text-align-last: justify;
  -ms-text-align-last: justify;
  text-align-last: justify;*/
  padding: 3em 5em;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  /*&:first-of-type {
  margin-bottom: 1em;
}*/ }
  @media screen and (max-width: 768px) {
    .company .sec.sec02 .provision {
      width: auto;
      max-width: 22em;
      padding: 3em 2em;
      font-size: 1.3em;
      line-height: 2.3; } }
.company .sec.sec02 .tableSet {
  margin-bottom: 20px; }
.company .sec.sec03 .profile_lead-area {
  margin: 0 30px; }
  @media screen and (max-width: 768px) {
    .company .sec.sec03 .profile_lead-area {
      margin: 0 2.5%; } }
  .company .sec.sec03 .profile_lead-area .profile_lead-title {
    font-size: 1.4em;
    color: #00a29d; }
  .company .sec.sec03 .profile_lead-area .profile_lead-txt {
    margin-bottom: 30px; }
.company .sec.sec03 .img_box img {
  margin-bottom: 20px;
  border: 1px solid #ccc;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); }
.company .sec.sec03 .tableSet .officer td .indent_head {
  width: 7em;
  margin-right: 1em;
  text-align: justify;
  text-justify: distribute;
  -moz-text-align-last: justify;
  -ms-text-align-last: justify;
  text-align-last: justify; }
.company .sec.sec04 .tableSet th {
  /*width: 220px;*/
  text-align-last: left; }
  @media screen and (max-width: 768px) {
    .company .sec.sec04 .tableSet th {
      width: 100%; } }
.company .sec.sec06 .tableSet th {
  width: 7em; }
  @media screen and (max-width: 768px) {
    .company .sec.sec06 .tableSet th {
      width: 100%; }
      .company .sec.sec06 .tableSet th.heading {
        background: rgba(0, 162, 157, 0.1);
        font-size: 1.1em; } }
.company .sec.sec06 .anniversary {
  width: 95%;
  max-width: 380px;
  height: 35px;
  margin: 0 auto 30px;
  padding-top: 5px;
  background: url(../images/wQuotation.svg) no-repeat left top/16px 12px, url(../images/wQuotation-close.svg) no-repeat right bottom/16px 12px;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: .1em; }
  @media screen and (max-width: 768px) {
    .company .sec.sec06 .anniversary {
      font-size: 15px; } }
.company .sec.sec07 .txt {
  text-align: center; }
.company .sec.sec08 .map {
  display: block;
  border: 4px solid #00a29d;
  border-radius: 4px; }
  .company .sec.sec08 .map iframe {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: -7px; }
    @media screen and (max-width: 768px) {
      .company .sec.sec08 .map iframe {
        width: 100%;
        height: 85vw; } }
.company .sec.sec08 .taR {
  margin: 5px 0 30px; }
.company .sec.sec08 .address {
  margin-bottom: 30px; }
  .company .sec.sec08 .address .address_title {
    margin-bottom: 0;
    font-size: 1.2em;
    font-weight: bold;
    color: #00a29d; }
  .company .sec.sec08 .address .address_txt {
    margin: 0 2.5%; }
    .company .sec.sec08 .address .address_txt:not(:last-child) {
      margin-bottom: 20px; }
.company .sec.sec08 .access {
  margin: 0 2.5%; }
  .company .sec.sec08 .access .access_title {
    margin-bottom: 10px;
    font-weight: bold;
    color: #00a29d; }
  .company .sec.sec08 .access .access_txt {
    margin: 0 2.5%; }
    .company .sec.sec08 .access .access_txt:not(:last-child) {
      margin-bottom: 20px; }
    .company .sec.sec08 .access .access_txt .indent_head {
      width: 6em;
      text-align: justify;
      text-justify: inter-cluster;
      -moz-text-align-last: justify;
      -ms-text-align-last: justify;
      text-align-last: justify; }

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

TOPページ

*************************************************/
/*@media (orientation: landscape) {
.index .mainVisual-logo {
width: 50vw;
left: calc( 50% - 25%);
}
}*/
/*.iphone .index {
.mainVisual {
position: relative;
height: calc(100vh - 60px);
background: url(../images/mainVisual-sp-min.jpg) no-repeat center center / cover;
@include for-phone-portrait-only {
height: 60vh;
margin-top: 0;
background: url(../images/mainVisual-sp-min.jpg) no-repeat left center/cover;
}
@include for-phone-landscape-only {
height: calc(100vh - 50px);
margin-top: 0;
}
@include for-phone-landscape-only {
.mainVisual-logo {
width: 50vw;
left: calc( 50% - 25%);
top: calc( 50% - 45px);
}
}
}
}*/
.index .main {
  margin-top: -56px;
  border: none; }
  @media screen and (max-width: 768px) {
    .index .main {
      margin-top: calc(50px + 2vw); } }
  .index .main .box-catchphraze {
    margin-bottom: 80px;
    padding-top: 40px;
    text-align: center;
    color: #000; }
    @media screen and (max-width: 768px) {
      .index .main .box-catchphraze {
        margin-bottom: 0;
        padding: 30px 2.5vw; } }
    .index .main .box-catchphraze .title-catchphraze {
      margin-bottom: 10px;
      font-size: 21px;
      font-weight: bold; }
      @media screen and (max-width: 768px) {
        .index .main .box-catchphraze .title-catchphraze {
          font-size: 15px; } }
      .index .main .box-catchphraze .title-catchphraze span {
        margin-left: .5em;
        font-size: 36px;
        font-weight: bold; }
        @media screen and (max-width: 768px) {
          .index .main .box-catchphraze .title-catchphraze span {
            font-size: 28px; } }
      .index .main .box-catchphraze .title-catchphraze rt {
        font-size: 10px;
        font-weight: bold;
        letter-spacing: -.05em; }
    .index .main .box-catchphraze .catchPhraze {
      margin-bottom: 60px;
      font-size: 19px; }
      @media screen and (max-width: 768px) {
        .index .main .box-catchphraze .catchPhraze {
          margin-bottom: 25px;
          font-size: 15px; } }
      .index .main .box-catchphraze .catchPhraze .marker {
        padding: .15em .5em;
        background: -webkit-linear-gradient(transparent 58%, #4dbebb 40%);
        background: -o-linear-gradient(transparent 58%, #4dbebb 40%);
        background: linear-gradient(transparent 58%, #4dbebb 40%);
        font-weight: bold;
        /*text-shadow: 1px 1px 0 rgba(255,255,255,.5), -1px 1px 0 rgba(255,255,255,.5), 1px -1px 0 rgba(255,255,255,.5), -1px -1px 0 rgba(255,255,255,.5);*/ }
    .index .main .box-catchphraze .boxLead {
      text-align: left; }
      .index .main .box-catchphraze .boxLead .titleLead {
        margin-right: 40px;
        font-size: 29px;
        font-weight: bold;
        line-height: 1.4; }
        @media screen and (max-width: 768px) {
          .index .main .box-catchphraze .boxLead .titleLead {
            width: 240px;
            margin: 0 auto 50px auto;
            font-size: 25px; } }
        .index .main .box-catchphraze .boxLead .titleLead .row {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: flex; }
          .index .main .box-catchphraze .boxLead .titleLead .row .ja {
            width: 120px; }
            @media screen and (max-width: 768px) {
              .index .main .box-catchphraze .boxLead .titleLead .row .ja {
                width: 140px; } }
            .index .main .box-catchphraze .boxLead .titleLead .row .ja span {
              letter-spacing: .8em; }
          .index .main .box-catchphraze .boxLead .titleLead .row .en {
            width: 200px;
            display: flex;
            justify-content: space-between;
            font-family: "Lato"; }
    .index .main .box-catchphraze .txt {
      margin: 15px auto 0;
      line-height: 2.1;
      font-size: 14px;
      /* ----- ↓ IE ハック ↓ ----- */
      /* ----- ↑ IE ハック ↑ ----- */ }
      @media all and (-ms-high-contrast: none) {
        .index .main .box-catchphraze .txt {
          width: 500px; } }
      @media screen and (max-width: 768px) {
        .index .main .box-catchphraze .txt {
          margin-left: auto;
          text-align: center;
          font-size: 13px; } }
  .index .main .area-contents {
    position: relative;
    height: 1014px;
    padding: 2vw 0;
    margin-bottom: 2vw;
    background: url(../images/bg-area-contents.jpg) no-repeat center center/2000px 1014px;
    border-radius: 5px; }
    @media screen and (max-width: 768px) {
      .index .main .area-contents {
        height: auto;
        padding-bottom: 0;
        background: none; } }
    .index .main .area-contents .img-track {
      position: absolute;
      top: calc(50% - 191px);
      left: calc(50% - 168px); }
      @media screen and (max-width: 768px) {
        .index .main .area-contents .img-track {
          display: none; } }
    .index .main .area-contents .wrap {
      max-width: 1150px; }
    .index .main .area-contents .box-contents {
      width: 100%;
      max-width: 800px;
      color: #000; }
      @media screen and (max-width: 768px) {
        .index .main .area-contents .box-contents {
          height: auto;
          margin-right: auto;
          margin-left: auto;
          padding: 7.5%;
          background: none; }
          .index .main .area-contents .box-contents .box-txt {
            justify-content: flex-start; } }
      .index .main .area-contents .box-contents.sec01 {
        margin-top: 75px;
        margin-bottom: 70px; }
        @media screen and (max-width: 768px) {
          .index .main .area-contents .box-contents.sec01 {
            margin: 0;
            background: url(../images/bg-box-contents-sec01.jpg) no-repeat center center/cover;
            border-radius: 5px 5px 0 0; } }
        .index .main .area-contents .box-contents.sec01 .title-box-contents {
          width: 200px; }
          @media screen and (max-width: 768px) {
            .index .main .area-contents .box-contents.sec01 .title-box-contents {
              width: 150px; } }
        .index .main .area-contents .box-contents.sec01 .txt {
          width: 540px;
          margin-top: 10px;
          margin-bottom: 30px;
          text-align: left;
          font-size: 14px; }
          @media screen and (max-width: 768px) {
            .index .main .area-contents .box-contents.sec01 .txt {
              width: 100%;
              margin-top: 0; } }
        .index .main .area-contents .box-contents.sec01 .area-btn {
          text-align: center; }
      .index .main .area-contents .box-contents.sec02 {
        width: 320px;
        margin-bottom: 120px; }
        @media screen and (max-width: 768px) {
          .index .main .area-contents .box-contents.sec02 {
            width: 100%;
            margin-bottom: 0;
            background: url(../images/bg-box-contents-sec02.jpg) no-repeat center center/cover; } }
        .index .main .area-contents .box-contents.sec02 .title-box-contents {
          width: 200px; }
          @media screen and (max-width: 768px) {
            .index .main .area-contents .box-contents.sec02 .title-box-contents {
              width: 150px; } }
          .index .main .area-contents .box-contents.sec02 .title-box-contents:after {
            display: inline-block;
            width: 100%;
            height: 100px;
            background: #000; }
        .index .main .area-contents .box-contents.sec02 .txt {
          margin-top: 10px;
          margin-bottom: 30px;
          text-align: left;
          font-size: 14px; }
          @media screen and (max-width: 768px) {
            .index .main .area-contents .box-contents.sec02 .txt {
              margin-top: 0; } }
        .index .main .area-contents .box-contents.sec02 .area-btn {
          text-align: left; }
          @media screen and (max-width: 768px) {
            .index .main .area-contents .box-contents.sec02 .area-btn {
              text-align: center; } }
      .index .main .area-contents .box-contents.sec03 {
        width: 280px;
        margin-bottom: 120px; }
        @media screen and (max-width: 768px) {
          .index .main .area-contents .box-contents.sec03 {
            width: 100%;
            margin-bottom: 0;
            background: url(../images/bg-box-contents-sec03.jpg) no-repeat center center/cover; } }
        .index .main .area-contents .box-contents.sec03 .title-box-contents {
          width: 200px;
          text-align: right;
          margin-right: 0; }
          @media screen and (max-width: 768px) {
            .index .main .area-contents .box-contents.sec03 .title-box-contents {
              width: 150px;
              text-align: left; } }
          .index .main .area-contents .box-contents.sec03 .title-box-contents .line {
            float: right; }
            @media screen and (max-width: 768px) {
              .index .main .area-contents .box-contents.sec03 .title-box-contents .line {
                float: none; } }
        @media screen and (max-width: 768px) {
          .index .main .area-contents .box-contents.sec03 .box-txt.ai-fe {
            align-items: flex-start; } }
        .index .main .area-contents .box-contents.sec03 .txt {
          width: 280px;
          margin-bottom: 30px;
          text-align: left;
          font-size: 14px; }
        .index .main .area-contents .box-contents.sec03 .area-btn {
          text-align: right; }
          @media screen and (max-width: 768px) {
            .index .main .area-contents .box-contents.sec03 .area-btn {
              text-align: center; } }
      .index .main .area-contents .box-contents .title-box-contents {
        margin-right: 40px;
        font-size: 30px;
        font-weight: bold;
        text-align: justify;
        text-justify: inter-cluster;
        -moz-text-align-last: justify;
        -ms-text-align-last: justify;
        text-align-last: justify; }
        @media screen and (max-width: 768px) {
          .index .main .area-contents .box-contents .title-box-contents {
            margin-bottom: 10px;
            font-size: 20px; } }
        .index .main .area-contents .box-contents .title-box-contents i {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: flex;
          justify-content: space-between;
          width: 200px;
          padding-top: 5px;
          font-size: 15px;
          font-weight: bold;
          letter-spacing: .1em;
          text-transform: uppercase; }
          @media screen and (max-width: 768px) {
            .index .main .area-contents .box-contents .title-box-contents i {
              width: 150px;
              font-size: 15px; } }
          .index .main .area-contents .box-contents .title-box-contents i span {
            font-weight: bold; }
        .index .main .area-contents .box-contents .title-box-contents .line {
          display: block;
          margin: 18px 0; }
      .index .main .area-contents .box-contents .btnGR {
        display: inline-block;
        height: 26px;
        line-height: 26px;
        border-radius: 13px;
        margin: 0 auto;
        padding: 0 3em; }
  .index .main .area-news {
    margin-bottom: 1.25vw;
    border: 1px solid #ccc; }
    @media screen and (max-width: 768px) {
      .index .main .area-news .wrap {
        width: 90%; } }
    .index .main .area-news .title-news {
      font-size: 30px;
      border-bottom: 1px solid #ccc; }
    .index .main .area-news .tableSet-news {
      font-size: 14px;
      margin-bottom: 20px; }
      .index .main .area-news .tableSet-news tr {
        border-bottom: 1px dashed #ccc; }
      .index .main .area-news .tableSet-news th,
      .index .main .area-news .tableSet-news td {
        padding: 20px; }
        @media screen and (max-width: 768px) {
          .index .main .area-news .tableSet-news th,
          .index .main .area-news .tableSet-news td {
            display: block; } }
      .index .main .area-news .tableSet-news th {
        width: 165px;
        padding-left: 55px;
        background: url(../images/icon-check.svg) no-repeat 15px 25px/19px 15px;
        color: #00a29d; }
        @media screen and (max-width: 768px) {
          .index .main .area-news .tableSet-news th {
            width: 100%;
            border: none;
            margin-bottom: 5px;
            padding-bottom: 0;
            padding-left: 25px;
            background-position: 0 30px;
            background-size: 15px auto;
            font-size: 1.2em;
            font-weight: bold; } }
      .index .main .area-news .tableSet-news td {
        width: calc(100% - 165px); }
        @media screen and (max-width: 768px) {
          .index .main .area-news .tableSet-news td {
            width: 100%;
            padding-left: 30px; } }
        .index .main .area-news .tableSet-news td .new_icon {
          height: 1.4em;
          line-height: 1.4;
          margin: .3em .7em 0 0;
          padding: 0 .6em;
          background: #ff6347;
          color: #fff;
          font-size: .95em;
          /*border: 1px solid #ff6437;*/
          border-radius: 3px; }
          @media screen and (max-width: 768px) {
            .index .main .area-news .tableSet-news td .new_icon {
              margin: .4em .5em 0 -33px;
              padding: 0 .3em; } }
.index .boxContent {
  padding: 65px 0; }

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

サイトマップ ページ

*************************************************/
.sitemap .listSitemap {
  width: 49%; }
  @media screen and (max-width: 768px) {
    .sitemap .listSitemap {
      width: 100%; } }
  .sitemap .listSitemap dt,
  .sitemap .listSitemap dd {
    font-size: 14px; }
    .sitemap .listSitemap dt a,
    .sitemap .listSitemap dd a {
      display: block; }
      .sitemap .listSitemap dt a:before,
      .sitemap .listSitemap dd a:before {
        content: "▶";
        padding-right: .5em;
        font-size: 10px;
        color: #E7E7E7; }
  .sitemap .listSitemap dt a,
  .sitemap .listSitemap dd a {
    padding: .3em 1em; }
  .sitemap .listSitemap dt a {
    padding: .3em 1em;
    background: #00a29d;
    color: #fff;
    border-top: none; }
    .sitemap .listSitemap dt a.bdb {
      border-bottom: 1px solid #fff; }
  .sitemap .listSitemap dd a {
    padding-left: 2em;
    color: #00a29d;
    border: 1px solid #ccc;
    border-top: none; }
    .sitemap .listSitemap dd a:hover, .sitemap .listSitemap dd a:active {
      background: rgba(0, 162, 157, 0.1); }
  .sitemap .listSitemap dd.type {
    padding-left: 1em;
    color: #fff;
    background: #ccc; }

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

プライバシーポリシー ページ

*************************************************/
.privacy .mainContents {
  margin-bottom: 0; }
  .privacy .mainContents .sec .title-sec {
    margin-bottom: 30px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0; }
.privacy article:not(:last-child) {
  margin-bottom: 20px; }
.privacy .areaTxt {
  width: 98%;
  min-width: 700px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .privacy .areaTxt {
      min-width: auto; } }
  .privacy .areaTxt .boxTxt {
    width: 100%;
    padding: 20px 40px;
    border: 1px solid #E7E7E7;
    border-radius: 3px;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1); }
    @media screen and (max-width: 768px) {
      .privacy .areaTxt .boxTxt {
        width: 100%;
        padding: 0;
        border: none;
        box-shadow: none; } }
    .privacy .areaTxt .boxTxt .title-boxTxt {
      font-size: 16px;
      border-bottom: 1px dashed #515151;
      margin-bottom: 10px; }
    .privacy .areaTxt .boxTxt .txt {
      display: inline-block;
      margin: 0 15px 20px;
      text-align: left; }
      .privacy .areaTxt .boxTxt .txt.address {
        margin-bottom: 0; }
      @media screen and (max-width: 768px) {
        .privacy .areaTxt .boxTxt .txt {
          margin: 0 10px 20px; } }
      .privacy .areaTxt .boxTxt .txt.address .indent_head {
        width: 6em;
        text-align: justify;
        text-justify: distribute;
        -moz-text-align-last: justify;
        -ms-text-align-last: justify;
        text-align-last: justify; }
    .privacy .areaTxt .boxTxt .listItem {
      margin: 0 15px 1.5em; }
      .privacy .areaTxt .boxTxt .listItem:last-child {
        margin-bottom: 0; }

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

お問合せ

*************************************************/
.contact .form-box {
  padding: 70px 0 50px;
  background: rgba(0, 162, 157, 0.03);
  border: 1px solid #eee;
  border-radius: 5px; }
  @media screen and (max-width: 768px) {
    .contact .form-box {
      padding: 30px 2vw 2vw; } }
.contact .tableForm .bdn th,
.contact .tableForm .bdn td {
  border: none; }
.contact .tableForm td.privacyPolicy {
  background: #f5f5f5;
  border: 1px solid #ccc;
  font-size: 12px; }
  .contact .tableForm td.privacyPolicy h3 {
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: bold; }
  .contact .tableForm td.privacyPolicy h4 {
    font-weight: bold; }
  .contact .tableForm td.privacyPolicy ol li:not(:last-child) {
    margin-bottom: 10px; }
.contact .tableForm td input[type="time"] {
  width: 20%; }
.contact .tableForm td.day_time label {
  display: inline-block;
  margin-right: .5em; }
.contact .tableForm td.day_time .day_time-title {
  font-weight: bold; }

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