@charset "UTF-8";
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/*-------------------------------------------------------------------------
変数
-------------------------------------------------------------------------*/
/* 赤色 */
/* 赤色2 */
/* 濃青色 */
/* 青色 */
/* 青色2 */
/* 水色 */
/* ピンク */
/* 黄色 */
/*-------------------------------------------------------------------------
mixin
-------------------------------------------------------------------------*/
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  font: 14px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  color: #000;
  background: #fff;
  line-height: 1.7;
}

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

a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #000;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-size: 100%;
}

/* header
----------------------------------------------- */
#container header {
  position: relative;
}
#container .head-top {
  position: absolute;
  top: 10px;
  left: 10px;
}

.head-menu {
  font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  background: rgba(0, 113, 183, 0.8);
}
.head-menu a {
  color: #fff;
}

@media print, screen and (min-width: 769px) {
  #container .head-top h1 {
    width: 300px;
  }
  #container .head-menu {
    width: 100%;
    position: absolute;
    bottom: 0;
  }

  .head-menu {
    padding: 1% 0;
    font-size: 2vw;
  }
  .head-menu input {
    display: none;
  }
  .head-menu ul {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
  }
  .head-menu li {
    width: 16.6%;
    height: 80px;
    line-height: 80px;
    text-align: center;
  }
  .head-menu li:not(:last-child) {
    border-right: 1px dotted #fff;
  }
  .head-menu a:hover {
    color: #06fe02;
    opacity: 1;
  }

  #case header {
    margin-bottom: 60px;
  }
  #case header nav div {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
  }
  #case header nav h1 {
    padding: 0 1%;
    width: 20%;
    box-sizing: border-box;
  }
  #case header nav ul {
    width: 80%;
  }
  #case h1 img {
    width: 250px;
  }
}
@media screen and (max-width: 768px) {
  #container .head-top h1 {
    width: 40%;
  }

  .head-menu nav {
    margin-top: 60px;
  }
  .head-menu ul {
    border-top: 1px solid #fff;
  }
  .head-menu li {
    border-bottom: 1px solid #fff;
    text-align: center;
  }
  .head-menu a {
    padding: 5px 10px;
    display: block;
  }

  #case header h1 {
    margin: 0 10px 10px;
  }
}
/* main
----------------------------------------------- */
h2 {
  padding-bottom: 10px;
  background: url(../images/title-line.png) repeat-x center bottom;
  text-align: center;
  font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
@media print, screen and (min-width: 769px) {
  h2 {
    margin-bottom: 30px;
    font-size: 34px;
  }
}
@media screen and (max-width: 768px) {
  h2 {
    margin-bottom: 20px;
    font-size: 18px;
  }
}

.main-box1 {
  font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  text-align: center;
}
.main-box1 img {
  display: block;
}

.main-box2 > p {
  background: #426284;
  border-radius: 5px;
  display: table;
  margin: auto;
}
.main-box2 > p a {
  padding: 5px 20px;
  color: #fff;
  display: block;
}

.main-box2V1 {
  font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  margin-bottom: 20px;
}
.main-box2V1 > p {
  background: #426284;
  border-radius: 5px;
  display: table;
  margin: auto;
  text-align: center;
}
.main-box2V1 > p a {
  padding: 5px 20px;
  color: #fff;
  display: block;
}
.main-box2V1 a {
  color: #fff;
  position: relative;
  display: block;
}
.main-box2V1 a p {
  margin: auto;
  padding: 5px;
  width: 100%;
  background: rgba(0, 113, 183, 0.8);
  position: absolute;
  top: 0;
  text-align: center;
  box-sizing: border-box;
}

.main-box2V2 {
  font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  padding: 10px;
  background: url(../images/back-img1.jpg) no-repeat center;
  background-size: cover;
}

.main-box2V2V1H1 {
  color: #fff;
  text-align: center;
}
.main-box2V2V1H1 strong {
  display: block;
}

.main-box3 {
  margin-bottom: 30px;
}
.main-box3 iframe {
  margin-bottom: 20px;
  width: 100%;
}

#comp h3 {
  text-align: center;
}
#comp .list-box a {
  color: #000;
}

.comp-box1V1 {
  font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.comp-box1H1 {
  font-weight: bold;
  text-align: center;
}

.text-a {
  color: #ff0000;
}

.text-b {
  color: #00ff00;
}

.text-c {
  color: #ffff00;
}

#busi h3 span {
  margin-right: 10px;
  padding: 0 5px;
  color: #fff;
  background: #0071b7;
  display: inline-block;
  vertical-align: middle;
}

.busi-box1 {
  text-align: center;
}

.busi-box2, .busi-box3, .busi-box4 {
  text-align: center;
}

.busi-box2 {
  background: #fffde5;
}

.busi-box3 {
  background: #f1f9fe;
}

.busi-box4 {
  background: #fdf2f7;
}

#fac h3, #fac h4 {
  font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
#fac h3 {
  color: #900016;
}
#fac h4 {
  color: #ca000d;
}

.fac-box1 {
  text-align: center;
}
.fac-box1 img:not(:last-child) {
  margin-bottom: 10px;
}

.fac-box2V1 img {
  margin: 0 auto;
  display: block;
}

.rec-box1V1 p {
  margin-bottom: 10px;
  text-align: center;
}

#vehi h3 {
  text-align: center;
}

.vehi-box1 li div {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #000;
}

.vehi-box2 {
  margin-bottom: 30px;
}

#cont h2 {
  color: #fff;
  background: rgba(0, 111, 187, 0.7);
  text-align: center;
}

.cont-box1V1 {
  text-align: center;
}

.cont-box1V2 dl {
  border: 2px solid #000;
}
.cont-box1V2 input[type="button"] {
  margin: auto;
  color: #fff;
  background: rgba(0, 111, 187, 0.7);
  border: 0;
  width: 100px;
  font-size: 16px;
  text-align: center;
  display: block;
  cursor: pointer;
}
.cont-box1V2 div {
  font-size: 80%;
  color: #ff0000;
  display: none;
}

.list-box dl {
  border: 1px solid #000;
}
.list-box dt {
  background: #fffde5;
}
.list-box a {
  color: #ff0000;
}

.arrow {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1000;
}

.fade1 {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

.fade2 {
  -webkit-animation-name: fade2;
  -ms-animation-name: fade2;
  -moz-animation-name: fade2;
  -o-animation-name: fade2;
  animation-name: fade2;
}

@-webkit-keyframes fade2 {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes fade2 {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 1;
    transform: scale3d(100%, 100%, 100%) translate3d(0, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.anim-text-flow span, .anim-text-flow-hover:hover span {
  animation-name: anim-text-flow-keys;
  animation-duration: 50s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-fill-mode: forwards;
}
@keyframes anim-text-flow-keys {
  0% {
    color: #008020;
  }
  5% {
    color: #801c00;
  }
  10% {
    color: #807d00;
  }
  15% {
    color: purple;
  }
  20% {
    color: #008057;
  }
  25% {
    color: #00800d;
  }
  30% {
    color: #330080;
  }
  35% {
    color: #004d80;
  }
  40% {
    color: #007380;
  }
  45% {
    color: #008068;
  }
  50% {
    color: #804800;
  }
  55% {
    color: #80005e;
  }
  60% {
    color: #1e8000;
  }
  65% {
    color: #006480;
  }
  70% {
    color: #008033;
  }
  75% {
    color: #801100;
  }
  80% {
    color: #80006f;
  }
  85% {
    color: #008068;
  }
  90% {
    color: #138000;
  }
  95% {
    color: #804800;
  }
  100% {
    color: #806400;
  }
}
.anim-text-flow span:nth-of-type(1), .anim-text-flow-hover:hover span:nth-of-type(1) {
  animation-delay: -19.8s;
}
.anim-text-flow span:nth-of-type(2), .anim-text-flow-hover:hover span:nth-of-type(2) {
  animation-delay: -19.6s;
}
.anim-text-flow span:nth-of-type(3), .anim-text-flow-hover:hover span:nth-of-type(3) {
  animation-delay: -19.4s;
}
.anim-text-flow span:nth-of-type(4), .anim-text-flow-hover:hover span:nth-of-type(4) {
  animation-delay: -19.2s;
}
.anim-text-flow span:nth-of-type(5), .anim-text-flow-hover:hover span:nth-of-type(5) {
  animation-delay: -19s;
}
.anim-text-flow span:nth-of-type(6), .anim-text-flow-hover:hover span:nth-of-type(6) {
  animation-delay: -18.8s;
}
.anim-text-flow span:nth-of-type(7), .anim-text-flow-hover:hover span:nth-of-type(7) {
  animation-delay: -18.6s;
}
.anim-text-flow span:nth-of-type(8), .anim-text-flow-hover:hover span:nth-of-type(8) {
  animation-delay: -18.4s;
}
.anim-text-flow span:nth-of-type(9), .anim-text-flow-hover:hover span:nth-of-type(9) {
  animation-delay: -18.2s;
}
.anim-text-flow span:nth-of-type(10), .anim-text-flow-hover:hover span:nth-of-type(10) {
  animation-delay: -18s;
}
.anim-text-flow span:nth-of-type(11), .anim-text-flow-hover:hover span:nth-of-type(11) {
  animation-delay: -17.8s;
}
.anim-text-flow span:nth-of-type(12), .anim-text-flow-hover:hover span:nth-of-type(12) {
  animation-delay: -17.6s;
}
.anim-text-flow span:nth-of-type(13), .anim-text-flow-hover:hover span:nth-of-type(13) {
  animation-delay: -17.4s;
}
.anim-text-flow span:nth-of-type(14), .anim-text-flow-hover:hover span:nth-of-type(14) {
  animation-delay: -17.2s;
}
.anim-text-flow span:nth-of-type(15), .anim-text-flow-hover:hover span:nth-of-type(15) {
  animation-delay: -17s;
}
.anim-text-flow span:nth-of-type(16), .anim-text-flow-hover:hover span:nth-of-type(16) {
  animation-delay: -16.8s;
}
.anim-text-flow span:nth-of-type(17), .anim-text-flow-hover:hover span:nth-of-type(17) {
  animation-delay: -16.6s;
}
.anim-text-flow span:nth-of-type(18), .anim-text-flow-hover:hover span:nth-of-type(18) {
  animation-delay: -16.4s;
}
.anim-text-flow span:nth-of-type(19), .anim-text-flow-hover:hover span:nth-of-type(19) {
  animation-delay: -16.2s;
}
.anim-text-flow span:nth-of-type(20), .anim-text-flow-hover:hover span:nth-of-type(20) {
  animation-delay: -16s;
}
.anim-text-flow span:nth-of-type(21), .anim-text-flow-hover:hover span:nth-of-type(21) {
  animation-delay: -15.8s;
}
.anim-text-flow span:nth-of-type(22), .anim-text-flow-hover:hover span:nth-of-type(22) {
  animation-delay: -15.6s;
}
.anim-text-flow span:nth-of-type(23), .anim-text-flow-hover:hover span:nth-of-type(23) {
  animation-delay: -15.4s;
}
.anim-text-flow span:nth-of-type(24), .anim-text-flow-hover:hover span:nth-of-type(24) {
  animation-delay: -15.2s;
}
.anim-text-flow span:nth-of-type(25), .anim-text-flow-hover:hover span:nth-of-type(25) {
  animation-delay: -15s;
}
.anim-text-flow span:nth-of-type(26), .anim-text-flow-hover:hover span:nth-of-type(26) {
  animation-delay: -14.8s;
}
.anim-text-flow span:nth-of-type(27), .anim-text-flow-hover:hover span:nth-of-type(27) {
  animation-delay: -14.6s;
}
.anim-text-flow span:nth-of-type(28), .anim-text-flow-hover:hover span:nth-of-type(28) {
  animation-delay: -14.4s;
}
.anim-text-flow span:nth-of-type(29), .anim-text-flow-hover:hover span:nth-of-type(29) {
  animation-delay: -14.2s;
}
.anim-text-flow span:nth-of-type(30), .anim-text-flow-hover:hover span:nth-of-type(30) {
  animation-delay: -14s;
}
.anim-text-flow span:nth-of-type(31), .anim-text-flow-hover:hover span:nth-of-type(31) {
  animation-delay: -13.8s;
}
.anim-text-flow span:nth-of-type(32), .anim-text-flow-hover:hover span:nth-of-type(32) {
  animation-delay: -13.6s;
}
.anim-text-flow span:nth-of-type(33), .anim-text-flow-hover:hover span:nth-of-type(33) {
  animation-delay: -13.4s;
}
.anim-text-flow span:nth-of-type(34), .anim-text-flow-hover:hover span:nth-of-type(34) {
  animation-delay: -13.2s;
}
.anim-text-flow span:nth-of-type(35), .anim-text-flow-hover:hover span:nth-of-type(35) {
  animation-delay: -13s;
}
.anim-text-flow span:nth-of-type(36), .anim-text-flow-hover:hover span:nth-of-type(36) {
  animation-delay: -12.8s;
}
.anim-text-flow span:nth-of-type(37), .anim-text-flow-hover:hover span:nth-of-type(37) {
  animation-delay: -12.6s;
}
.anim-text-flow span:nth-of-type(38), .anim-text-flow-hover:hover span:nth-of-type(38) {
  animation-delay: -12.4s;
}
.anim-text-flow span:nth-of-type(39), .anim-text-flow-hover:hover span:nth-of-type(39) {
  animation-delay: -12.2s;
}
.anim-text-flow span:nth-of-type(40), .anim-text-flow-hover:hover span:nth-of-type(40) {
  animation-delay: -12s;
}
.anim-text-flow span:nth-of-type(41), .anim-text-flow-hover:hover span:nth-of-type(41) {
  animation-delay: -11.8s;
}
.anim-text-flow span:nth-of-type(42), .anim-text-flow-hover:hover span:nth-of-type(42) {
  animation-delay: -11.6s;
}
.anim-text-flow span:nth-of-type(43), .anim-text-flow-hover:hover span:nth-of-type(43) {
  animation-delay: -11.4s;
}
.anim-text-flow span:nth-of-type(44), .anim-text-flow-hover:hover span:nth-of-type(44) {
  animation-delay: -11.2s;
}
.anim-text-flow span:nth-of-type(45), .anim-text-flow-hover:hover span:nth-of-type(45) {
  animation-delay: -11s;
}
.anim-text-flow span:nth-of-type(46), .anim-text-flow-hover:hover span:nth-of-type(46) {
  animation-delay: -10.8s;
}
.anim-text-flow span:nth-of-type(47), .anim-text-flow-hover:hover span:nth-of-type(47) {
  animation-delay: -10.6s;
}
.anim-text-flow span:nth-of-type(48), .anim-text-flow-hover:hover span:nth-of-type(48) {
  animation-delay: -10.4s;
}
.anim-text-flow span:nth-of-type(49), .anim-text-flow-hover:hover span:nth-of-type(49) {
  animation-delay: -10.2s;
}
.anim-text-flow span:nth-of-type(50), .anim-text-flow-hover:hover span:nth-of-type(50) {
  animation-delay: -10s;
}
.anim-text-flow span:nth-of-type(51), .anim-text-flow-hover:hover span:nth-of-type(51) {
  animation-delay: -9.8s;
}
.anim-text-flow span:nth-of-type(52), .anim-text-flow-hover:hover span:nth-of-type(52) {
  animation-delay: -9.6s;
}
.anim-text-flow span:nth-of-type(53), .anim-text-flow-hover:hover span:nth-of-type(53) {
  animation-delay: -9.4s;
}
.anim-text-flow span:nth-of-type(54), .anim-text-flow-hover:hover span:nth-of-type(54) {
  animation-delay: -9.2s;
}
.anim-text-flow span:nth-of-type(55), .anim-text-flow-hover:hover span:nth-of-type(55) {
  animation-delay: -9s;
}
.anim-text-flow span:nth-of-type(56), .anim-text-flow-hover:hover span:nth-of-type(56) {
  animation-delay: -8.8s;
}
.anim-text-flow span:nth-of-type(57), .anim-text-flow-hover:hover span:nth-of-type(57) {
  animation-delay: -8.6s;
}
.anim-text-flow span:nth-of-type(58), .anim-text-flow-hover:hover span:nth-of-type(58) {
  animation-delay: -8.4s;
}
.anim-text-flow span:nth-of-type(59), .anim-text-flow-hover:hover span:nth-of-type(59) {
  animation-delay: -8.2s;
}
.anim-text-flow span:nth-of-type(60), .anim-text-flow-hover:hover span:nth-of-type(60) {
  animation-delay: -8s;
}
.anim-text-flow span:nth-of-type(61), .anim-text-flow-hover:hover span:nth-of-type(61) {
  animation-delay: -7.8s;
}
.anim-text-flow span:nth-of-type(62), .anim-text-flow-hover:hover span:nth-of-type(62) {
  animation-delay: -7.6s;
}
.anim-text-flow span:nth-of-type(63), .anim-text-flow-hover:hover span:nth-of-type(63) {
  animation-delay: -7.4s;
}
.anim-text-flow span:nth-of-type(64), .anim-text-flow-hover:hover span:nth-of-type(64) {
  animation-delay: -7.2s;
}
.anim-text-flow span:nth-of-type(65), .anim-text-flow-hover:hover span:nth-of-type(65) {
  animation-delay: -7s;
}
.anim-text-flow span:nth-of-type(66), .anim-text-flow-hover:hover span:nth-of-type(66) {
  animation-delay: -6.8s;
}
.anim-text-flow span:nth-of-type(67), .anim-text-flow-hover:hover span:nth-of-type(67) {
  animation-delay: -6.6s;
}
.anim-text-flow span:nth-of-type(68), .anim-text-flow-hover:hover span:nth-of-type(68) {
  animation-delay: -6.4s;
}
.anim-text-flow span:nth-of-type(69), .anim-text-flow-hover:hover span:nth-of-type(69) {
  animation-delay: -6.2s;
}
.anim-text-flow span:nth-of-type(70), .anim-text-flow-hover:hover span:nth-of-type(70) {
  animation-delay: -6s;
}
.anim-text-flow span:nth-of-type(71), .anim-text-flow-hover:hover span:nth-of-type(71) {
  animation-delay: -5.8s;
}
.anim-text-flow span:nth-of-type(72), .anim-text-flow-hover:hover span:nth-of-type(72) {
  animation-delay: -5.6s;
}
.anim-text-flow span:nth-of-type(73), .anim-text-flow-hover:hover span:nth-of-type(73) {
  animation-delay: -5.4s;
}
.anim-text-flow span:nth-of-type(74), .anim-text-flow-hover:hover span:nth-of-type(74) {
  animation-delay: -5.2s;
}
.anim-text-flow span:nth-of-type(75), .anim-text-flow-hover:hover span:nth-of-type(75) {
  animation-delay: -5s;
}
.anim-text-flow span:nth-of-type(76), .anim-text-flow-hover:hover span:nth-of-type(76) {
  animation-delay: -4.8s;
}
.anim-text-flow span:nth-of-type(77), .anim-text-flow-hover:hover span:nth-of-type(77) {
  animation-delay: -4.6s;
}
.anim-text-flow span:nth-of-type(78), .anim-text-flow-hover:hover span:nth-of-type(78) {
  animation-delay: -4.4s;
}
.anim-text-flow span:nth-of-type(79), .anim-text-flow-hover:hover span:nth-of-type(79) {
  animation-delay: -4.2s;
}
.anim-text-flow span:nth-of-type(80), .anim-text-flow-hover:hover span:nth-of-type(80) {
  animation-delay: -4s;
}
.anim-text-flow span:nth-of-type(81), .anim-text-flow-hover:hover span:nth-of-type(81) {
  animation-delay: -3.8s;
}
.anim-text-flow span:nth-of-type(82), .anim-text-flow-hover:hover span:nth-of-type(82) {
  animation-delay: -3.6s;
}
.anim-text-flow span:nth-of-type(83), .anim-text-flow-hover:hover span:nth-of-type(83) {
  animation-delay: -3.4s;
}
.anim-text-flow span:nth-of-type(84), .anim-text-flow-hover:hover span:nth-of-type(84) {
  animation-delay: -3.2s;
}
.anim-text-flow span:nth-of-type(85), .anim-text-flow-hover:hover span:nth-of-type(85) {
  animation-delay: -3s;
}
.anim-text-flow span:nth-of-type(86), .anim-text-flow-hover:hover span:nth-of-type(86) {
  animation-delay: -2.8s;
}
.anim-text-flow span:nth-of-type(87), .anim-text-flow-hover:hover span:nth-of-type(87) {
  animation-delay: -2.6s;
}
.anim-text-flow span:nth-of-type(88), .anim-text-flow-hover:hover span:nth-of-type(88) {
  animation-delay: -2.4s;
}
.anim-text-flow span:nth-of-type(89), .anim-text-flow-hover:hover span:nth-of-type(89) {
  animation-delay: -2.2s;
}
.anim-text-flow span:nth-of-type(90), .anim-text-flow-hover:hover span:nth-of-type(90) {
  animation-delay: -2s;
}
.anim-text-flow span:nth-of-type(91), .anim-text-flow-hover:hover span:nth-of-type(91) {
  animation-delay: -1.8s;
}
.anim-text-flow span:nth-of-type(92), .anim-text-flow-hover:hover span:nth-of-type(92) {
  animation-delay: -1.6s;
}
.anim-text-flow span:nth-of-type(93), .anim-text-flow-hover:hover span:nth-of-type(93) {
  animation-delay: -1.4s;
}
.anim-text-flow span:nth-of-type(94), .anim-text-flow-hover:hover span:nth-of-type(94) {
  animation-delay: -1.2s;
}
.anim-text-flow span:nth-of-type(95), .anim-text-flow-hover:hover span:nth-of-type(95) {
  animation-delay: -1s;
}
.anim-text-flow span:nth-of-type(96), .anim-text-flow-hover:hover span:nth-of-type(96) {
  animation-delay: -0.8s;
}
.anim-text-flow span:nth-of-type(97), .anim-text-flow-hover:hover span:nth-of-type(97) {
  animation-delay: -0.6s;
}
.anim-text-flow span:nth-of-type(98), .anim-text-flow-hover:hover span:nth-of-type(98) {
  animation-delay: -0.4s;
}
.anim-text-flow span:nth-of-type(99), .anim-text-flow-hover:hover span:nth-of-type(99) {
  animation-delay: -0.2s;
}
.anim-text-flow span:nth-of-type(100), .anim-text-flow-hover:hover span:nth-of-type(100) {
  animation-delay: 0s;
}

@media print, screen and (min-width: 769px) {
  a:hover {
    opacity: 0.6;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
  }

  .d-none-pc {
    display: none;
  }

  .main-box1 {
    margin: 30px 0 40px;
  }
  .main-box1 img {
    margin: 0 auto 20px;
    width: 340px;
  }
  .main-box1 strong {
    font-size: 38px;
  }

  .main-box2 {
    margin-bottom: 50px;
  }

  .main-box2V1 {
    margin: 0 auto 30px;
    width: 950px;
  }
  .main-box2V1 ul {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .main-box2V1 li {
    width: 300px;
  }
  .main-box2V1 li p {
    font-size: 22px;
  }
  .main-box2V1 > p {
    font-size: 28px;
  }

  .main-box2V2 {
    margin-bottom: 30px;
  }

  .main-box2V2V1 {
    margin: 0 auto 0;
    width: 950px;
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
  }

  .main-box2V2V1H1 {
    margin-right: 30px;
  }
  .main-box2V2V1H1 strong:first-child {
    font-size: 35px;
  }
  .main-box2V2V1H1 strong:nth-child(2) {
    font-size: 29px;
  }
  .main-box2V2V1H1 p {
    font-size: 19px;
  }

  .main-box2V2V1H2 {
    width: 301px;
  }

  .main-box2V3 {
    text-align: center;
  }

  .main-box3 {
    font-size: 17px;
    text-align: center;
  }
  .main-box3 div:not(:last-child) {
    margin-bottom: 30px;
  }

  #comp h3 {
    margin: 0 auto 20px;
    font-size: 34px;
  }
  #comp h3 span {
    font-size: 24px;
  }
  #comp .main-box3 {
    margin-bottom: 50px;
  }

  .comp-box1V1 {
    margin: 0 auto 30px;
    width: 600px;
    font-size: 18px;
  }
  .comp-box1V1 dl {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .comp-box1V1 dt {
    width: 25%;
  }
  .comp-box1V1 dd {
    width: 75%;
  }

  .comp-box1H1 strong {
    font-size: 40px;
  }
  .comp-box1H1 strong .text-a, .comp-box1H1 strong .text-b {
    letter-spacing: 40px;
  }
  .comp-box1H1 p {
    font-size: 26px;
  }

  .comp-box2 {
    margin-bottom: 30px;
  }

  #busi h3 {
    margin-bottom: 20px;
    font-size: 34px;
  }
  #busi h3 span {
    font-size: 20px;
  }

  .busi-box1 {
    margin-bottom: 40px;
    font-size: 17px;
  }

  .busi-box2 div, .busi-box3 div, .busi-box4 div {
    margin: 0 auto 0;
    width: 890px;
    padding: 30px 0;
  }
  .busi-box2 img, .busi-box3 img, .busi-box4 img {
    margin-bottom: 10px;
  }
  .busi-box2 p, .busi-box3 p, .busi-box4 p {
    font-size: 17px;
  }

  .busi-box5 {
    margin-bottom: 50px;
  }

  #rec .main-box3H1 {
    height: 350px;
  }

  .rec-box1V1 {
    margin: 0 auto 30px;
    width: 900px;
  }
  .rec-box1V1 p {
    font-size: 22px;
  }

  #fac h3, #fac h4 {
    margin-bottom: 10px;
  }
  #fac h3 {
    font-size: 34px;
  }
  #fac h4 {
    font-size: 29px;
  }

  .fac-box1 {
    margin: 0 auto 50px;
    width: 900px;
  }
  .fac-box1 div:not(:last-child) {
    margin-bottom: 30px;
  }
  .fac-box1 p {
    font-size: 17px;
  }

  .fac-box2 {
    margin-bottom: 50px;
  }

  .fac-box2V1 {
    margin: 0 auto 50px;
    width: 890px;
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
  }
  .fac-box2V1 div {
    width: 47%;
  }
  .fac-box2V1 div:first-child {
    margin-right: 6%;
  }
  .fac-box2V1 img {
    margin-bottom: 20px;
  }
  .fac-box2V1 p {
    font-size: 15px;
    text-align: justify;
  }

  .vehi-box1 {
    margin: 0 auto 30px;
    width: 950px;
  }
  .vehi-box1 h3 {
    margin-bottom: 20px;
    font-size: 34px;
  }
  .vehi-box1 > ul {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    font-size: 16px;
  }
  .vehi-box1 > ul > li {
    width: 450px;
  }
  .vehi-box1 > ul > li:nth-last-child(n+3) {
    margin-bottom: 20px;
  }

  #cont {
    margin-top: 60px;
  }
  #cont h2 {
    margin-bottom: 30px;
    padding: 20px 0 10px;
    font-size: 36px;
  }

  .cont-box1 {
    margin: 0 auto 0;
    width: 830px;
  }

  .cont-box1V1 {
    margin-bottom: 30px;
    font-size: 17px;
  }

  .cont-box1V2 {
    margin-bottom: 40px;
  }
  .cont-box1V2 dl {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    font-size: 18px;
  }
  .cont-box1V2 dt, .cont-box1V2 dd {
    padding: 10px 15px;
    box-sizing: border-box;
  }
  .cont-box1V2 dt {
    border-right: 2px solid #000;
    width: 25%;
  }
  .cont-box1V2 dt:not(:nth-last-child(2)) {
    border-bottom: 2px solid #000;
  }
  .cont-box1V2 dd {
    width: 75%;
  }
  .cont-box1V2 dd:not(:last-child) {
    border-bottom: 2px solid #000;
  }
  .cont-box1V2 input[type="text"] {
    width: 70%;
  }
  .cont-box1V2 textarea {
    width: 100%;
    height: 150px;
  }

  .list-box {
    margin: 0 auto 50px;
    width: 860px;
    font-size: 18px;
  }
  .list-box dl {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .list-box dt, .list-box dd {
    padding: 5px 20px 3px;
    box-sizing: border-box;
  }
  .list-box dt {
    width: 25%;
    border-right: 1px solid #000;
  }
  .list-box dt:not(:nth-last-child(2)) {
    border-bottom: 1px solid #000;
  }
  .list-box dd {
    width: 75%;
  }
  .list-box dd:not(:last-child) {
    border-bottom: 1px solid #000;
  }
}
@media screen and (max-width: 768px) {
  .d-none-sp {
    display: none;
  }

  #container .main-box1 {
    margin: 20px 10px;
  }
  #container .main-box1 img {
    margin: 0 auto 10px;
    width: 50%;
  }
  #container .main-box1 strong {
    font-size: 20px;
  }

  .main-box2 {
    margin: 20px 0 30px;
  }
  .main-box2 h3 {
    margin: 0 auto 10px;
    width: 70%;
  }

  .main-box2V1 li {
    margin: 0 auto 20px;
    width: 60%;
  }

  .main-box2V2 {
    margin-bottom: 20px;
    padding: 20px 10px;
  }

  .main-box2V2V1H1 {
    margin-bottom: 10px;
  }
  .main-box2V2V1H1 strong {
    font-size: 18px;
  }

  .main-box2V2V1H2 {
    margin: auto;
    width: 50%;
  }

  .main-box2V3 {
    margin: 0 10px;
  }

  .main-box3 div:not(:last-child) {
    margin-bottom: 20px;
  }
  .main-box3 p {
    margin: 0 10px;
  }

  #case h2 {
    margin-top: 30px;
  }

  #comp h3 {
    margin: 0 auto 10px;
    font-size: 18px;
  }

  .comp-box1V1 {
    margin: 0 10px 20px;
  }
  .comp-box1V1 dd:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
  }

  .comp-box1H1 strong {
    font-size: 24px;
  }
  .comp-box1H1 strong .text-a, .comp-box1H1 strong .text-b {
    letter-spacing: 20px;
  }
  .comp-box1H1 p {
    font-size: 16px;
  }

  .comp-box2 {
    margin-bottom: 30px;
  }

  #busi h3 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  #busi h3 span {
    margin: auto;
    display: table;
  }

  .busi-box1 {
    margin: 0 10px 20px;
  }

  .busi-box2, .busi-box3, .busi-box4 {
    padding: 30px 10px;
  }
  .busi-box2 img, .busi-box3 img, .busi-box4 img {
    margin-bottom: 10px;
  }

  .busi-box5 {
    margin-bottom: 30px;
  }

  .rec-box1V1 {
    margin: 0 10px 30px;
  }
  .rec-box1V1 p {
    font-size: 16px;
  }

  #fac h3, #fac h4 {
    margin-bottom: 5px;
  }
  #fac h3 {
    font-size: 20px;
  }
  #fac h4 {
    font-size: 18px;
  }

  .fac-box1 div {
    padding: 0 10px;
  }
  .fac-box1 div:not(:last-child) {
    margin-bottom: 20px;
  }

  .fac-box2 {
    margin-bottom: 30px;
  }

  .fac-box2V1 {
    margin: 0 10px 30px;
  }
  .fac-box2V1 div:not(:last-child) {
    margin-bottom: 20px;
  }
  .fac-box2V1 img {
    margin-bottom: 10px;
  }

  .vehi-box1 {
    margin: 0 10px 30px;
  }
  .vehi-box1 h3 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .vehi-box1 > ul > li:not(:last-child) {
    margin-bottom: 20px;
  }

  #cont {
    margin-top: 30px;
  }
  #cont h2 {
    margin-bottom: 20px;
    padding: 10px;
    font-size: 20px;
  }

  .cont-box1 {
    margin: 0 10px;
  }

  .cont-box1V1 {
    margin-bottom: 20px;
  }

  .cont-box1V2 {
    margin-bottom: 20px;
  }
  .cont-box1V2 dl {
    margin-bottom: 20px;
  }
  .cont-box1V2 dt, .cont-box1V2 dd {
    padding: 10px;
  }
  .cont-box1V2 dt {
    border-bottom: 2px solid #000;
  }
  .cont-box1V2 dd:not(:last-child) {
    border-bottom: 2px solid #000;
  }
  .cont-box1V2 input[type="text"] {
    width: 100%;
    box-sizing: border-box;
  }
  .cont-box1V2 textarea {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
  }

  .list-box {
    margin: 0 10px 30px;
  }
  .list-box dt, .list-box dd {
    padding: 5px 10px;
  }
  .list-box dt {
    border-bottom: 1px solid #000;
  }
  .list-box dd:not(:last-child) {
    border-bottom: 1px solid #000;
  }

  .arrow {
    width: 60px;
  }
}
/* footer
----------------------------------------------- */
footer {
  padding: 20px 0;
  color: #fff;
  background: #0f3383;
  text-align: center;
}
footer a {
  color: #fff;
}

.fot-box1 {
  font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

.fot-box2 strong {
  font-family: "ヒラギノ明朝 ProN W3","游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  display: block;
}

@media print, screen and (min-width: 769px) {
  .fot {
    margin: 0 auto 0;
    width: 950px;
  }

  .fot-box1 {
    margin-bottom: 10px;
    font-size: 20px;
  }
  .fot-box1 ul {
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
  }
  .fot-box1 li {
    padding: 10px 0;
    width: 16.6%;
    box-sizing: border-box;
  }
  .fot-box1 li:not(:last-child) {
    border-right: 1px solid #fff;
  }
  .fot-box1 a:hover {
    color: #06fe02;
    opacity: 1;
  }

  .fot-box2 strong {
    margin-bottom: 20px;
    font-size: 22px;
  }

  .copy {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .fot-box2 strong {
    font-size: 18px;
  }

  .copy {
    font-size: 12px;
  }
}
/* add
**************************************/
.head-top {
  position: relative;
}

img.main-img {
  width: 100%;
  height: auto;
}

div.top-logo {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 100;
}

@media print, screen and (min-width: 769px) {
  div.top-logo {
    width: 300px;
  }
  div.top-logo img:nth-of-type(2) {
    width: 33%;
  }

  #case.topPage header {
    margin-bottom: 0;
  }
  #case.topPage header:not(.sticky) h1.top-logo {
    display: none;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #case.topPage header:not(.sticky) #main-menu nav ul {
    width: 100%;
    -webkit-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
  }

  #main-menu-sticky-wrapper {
    margin-top: -100px;
    z-index: 10;
    position: relative;
  }

  #main-menu {
    height: 80px;
  }

  .sticky .top-logo {
    padding: 0 1%;
    width: 20%;
    box-sizing: border-box;
  }
  .sticky .top-logo img {
    width: 250px;
  }
  .sticky #main-menu {
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    z-index: 10 !important;
  }
}
@media screen and (max-width: 768px) {
  #case.topPage header .head-top .top-logo {
    width: 40%;
  }
  #case.topPage header .head-top .top-logo img:nth-of-type(2) {
    width: 33%;
  }
  #case.topPage .main-box1 {
    margin: 20px 10px;
  }
  #case.topPage .main-box1 img {
    margin: 0 auto 10px;
    width: 50%;
  }
  #case.topPage .main-box1 strong {
    font-size: 20px;
  }
  #case.topPage h2 {
    margin-top: 0;
  }

  #main-menu {
    z-index: 10 !important;
  }
}