@charset "UTF-8";
@font-face {
  font-family: 'montserratmedium';
  src: url(" ../fonts/montserrat-medium-webfont.woff") format("woff2"), url("../fonts/montserrat-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'oswalddemi-bold';
  src: url("../fonts/oswald-demi-bolditalic-webfont.woff2") format("woff2"), url("../fonts/oswald-demi-bolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* line 17, sass/style.scss */
* {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background: 0 0;
  vertical-align: baseline;
  font-size: 100%;
  box-sizing: border-box;
}

/* line 28, sass/style.scss */
:after, :before {
  box-sizing: border-box;
}

/* line 32, sass/style.scss */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  width: 100%;
  height: auto;
  color: #000;
  background: #fff;
}

/* line 42, sass/style.scss */
body {
  overflow-x: hidden;
  font: normal normal normal 14px/1.8 "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "ヒラギノ明朝 Pro", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "小塚明朝 Pro", "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic Pro", "ＭＳＰゴシック", "Microsoft Yahei", "微软雅黑", "MS PGothic", sans-serif, "游明朝";
  margin: 0 auto;
  max-width: 1920px;
  position: relative;
  background: #fff;
}

/* line 51, sass/style.scss */
address, caption, code, figcaption, pre, th {
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
}

/* line 57, sass/style.scss */
blockquote, q {
  quotes: none;
}

/* line 62, sass/style.scss */
blockquote:after, blockquote:before {
  content: '';
  content: none;
}

/* line 69, sass/style.scss */
q:after, q:before {
  content: '';
  content: none;
}

/* line 75, sass/style.scss */
fieldset, iframe, img {
  border: 0;
}

/* line 79, sass/style.scss */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/* line 83, sass/style.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* line 89, sass/style.scss */
caption, th {
  text-align: left;
}

/* line 93, sass/style.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 98, sass/style.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

/* line 102, sass/style.scss */
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

/* line 107, sass/style.scss */
sup {
  vertical-align: text-top;
}

/* line 111, sass/style.scss */
sub {
  vertical-align: text-bottom;
}

/* line 115, sass/style.scss */
hr {
  display: block;
  overflow: visible;
  box-sizing: content-box;
  margin: 1em 0;
  padding: 0;
  height: 0;
  border: 0;
  border-top: 1px solid #ccc;
}

/* line 126, sass/style.scss */
button, input, optgroup, select {
  margin: 0;
  font-size: 100%;
  font-family: inherit;
}

/* line 132, sass/style.scss */
textarea {
  margin: 0;
  font-size: 100%;
  font-family: inherit;
  overflow: auto;
}

/* line 139, sass/style.scss */
[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/* line 145, sass/style.scss */
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

/* line 150, sass/style.scss */
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* line 154, sass/style.scss */
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 159, sass/style.scss */
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

/* line 164, sass/style.scss */
details, menu {
  display: block;
}

/* line 168, sass/style.scss */
summary {
  display: list-item;
}

/* line 172, sass/style.scss */
canvas {
  display: inline-block;
}

/* line 176, sass/style.scss */
[hidden], template {
  display: none;
}

/* line 180, sass/style.scss */
input, select {
  vertical-align: middle;
}

/* line 184, sass/style.scss */
button {
  overflow: visible;
  box-sizing: content-box;
  border: 0;
  background: 0 0;
  color: inherit;
  vertical-align: inherit;
  font: inherit;
  line-height: inherit;
  cursor: pointer;
  text-transform: none;
}

/* line 195, sass/style.scss */
button:disabled {
  cursor: default;
}

/* line 202, sass/style.scss */
select {
  text-transform: none;
}

/* line 206, sass/style.scss */
[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button;
}

/* line 210, sass/style.scss */
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/* line 215, sass/style.scss */
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* line 219, sass/style.scss */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/* line 223, sass/style.scss */
legend {
  display: table;
  max-width: 100%;
  color: inherit;
  white-space: normal;
}

/* line 230, sass/style.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 236, sass/style.scss */
:focus[data-focus-method=mouse]:not(input):not(textarea):not(select), :focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
  outline: 0;
}

/* line 241, sass/style.scss */
::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* line 246, sass/style.scss */
audio, progress, video {
  display: inline-block;
}

/* line 250, sass/style.scss */
progress {
  vertical-align: baseline;
}

/* line 254, sass/style.scss */
a {
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
}

/* line 258, sass/style.scss */
a:link, a:visited {
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
}

/* line 263, sass/style.scss */
a:hover, a:active {
  text-decoration: none;
}

/* line 268, sass/style.scss */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/* line 274, sass/style.scss */
b, strong {
  font-weight: inherit;
  font-weight: bolder;
}

/* line 279, sass/style.scss */
code, kbd, pre, samp {
  font-size: 1em;
  font-family: monospace;
}

/* line 284, sass/style.scss */
[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

/* line 288, sass/style.scss */
mark {
  background-color: #ff0;
  color: #000;
}

/* line 293, sass/style.scss */
small {
  font-size: 80%;
}

/* line 297, sass/style.scss */
sub, sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

/* line 304, sass/style.scss */
sub {
  bottom: -0.25em;
}

/* line 308, sass/style.scss */
sup {
  top: -0.5em;
}

/* line 312, sass/style.scss */
ul, li {
  list-style-type: none;
}

/* line 316, sass/style.scss */
img {
  display: block;
  height: auto;
  max-width: 100%;
  border-style: none;
}

/* line 323, sass/style.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 327, sass/style.scss */
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* line 332, sass/style.scss */
[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

/* line 336, sass/style.scss */
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* line 340, sass/style.scss */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/* line 349, sass/style.scss */
[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/* line 355, sass/style.scss */
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

/* line 360, sass/style.scss */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* line 364, sass/style.scss */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 369, sass/style.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/*sp icon*/
/* line 376, sass/style.scss */
.icon {
  height: 2px;
  width: 35px;
  top: 11px;
  background-color: #122a42;
  border-radius: 0;
  position: absolute;
  transition-duration: 0.5s;
}

/* line 385, sass/style.scss */
.icon:before {
  left: 0;
  position: absolute;
  top: -7px;
  height: 2px;
  width: 35px;
  background-color: #122a42;
  content: "";
  border-radius: 0;
  transition-duration: 0.5s;
}

/* line 397, sass/style.scss */
.icon:after {
  left: 0;
  position: absolute;
  top: 8px;
  height: 2px;
  width: 35px;
  background-color: #122a42;
  content: "";
  border-radius: 0;
  transition-duration: 0.5s;
}

/* line 410, sass/style.scss */
.menu01 {
  width: 35px;
  height: 25px;
  position: fixed;
  transition-duration: 1s;
  display: inline-block;
  cursor: pointer;
  right: 20px;
  top: 21px;
  z-index: 10;
  display: none;
}

/* line 424, sass/style.scss */
.burger2 .icon {
  transition-duration: 0.2s;
  transition-delay: 0.2s;
}

/* line 428, sass/style.scss */
.burger2 .icon:after, .burger2 .icon:before {
  transition: transform 0.2s, top 0.2s 0.2s;
}

/* line 433, sass/style.scss */
.burger2.open .icon {
  transition-duration: 0.1s;
  transition-delay: 0.2s;
  background: transparent;
}

/* line 438, sass/style.scss */
.burger2.open .icon:before {
  transition: top 0.2s, transform 0.2s 0.2s;
  top: 0px;
  transform: rotateZ(-45deg);
}

/* line 444, sass/style.scss */
.burger2.open .icon:after {
  transition: top 0.2s, transform 0.2s 0.2s;
  top: 0px;
  transform: rotateZ(45deg);
}

/*header*/
/* line 454, sass/style.scss */
header {
  margin: 0 auto;
  width: 100%;
}

/* line 459, sass/style.scss */
.top-info {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: #fff;
}

/* line 469, sass/style.scss */
.top-logo {
  margin: 15px 0 0 45px;
}

/* line 474, sass/style.scss */
.top-logo-div02 {
  font-weight: normal;
}

/* line 477, sass/style.scss */
.top-logo-div01 a {
  display: block;
  max-width: 250px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

/* line 485, sass/style.scss */
.top-logo-div01 a:hover {
  transform: scale(0.95);
}

/* line 490, sass/style.scss */
.top-contact {
  display: flex;
  justify-content: flex-end;
}

/* line 494, sass/style.scss */
.top-contact a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px 0 60px;
  border-radius: 0;
  height: 50px;
  font-size: 18px;
  color: #fff;
}

/* line 506, sass/style.scss */
.top-contact-tel {
  position: relative;
  background: #000;
  font-family: 'montserratmedium';
}

/* line 511, sass/style.scss */
.top-contact-tel::before {
  position: absolute;
  content: "";
  background: url(../images/tel.png) center center/cover no-repeat;
  width: 26px;
  height: 18px;
  top: 13px;
  left: 27px;
  display: block;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

/* line 527, sass/style.scss */
.top-contact-mail {
  position: relative;
  background: #122a42;
}

/* line 531, sass/style.scss */
.top-contact-mail::before {
  position: absolute;
  content: "";
  background: url(../images/mail.png) center center/cover no-repeat;
  width: 27px;
  height: 15px;
  top: 15px;
  left: 27px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

/* line 546, sass/style.scss */
.top-contact-tel:hover::before, .top-contact-mail:hover::before {
  left: 20px;
}

/* line 550, sass/style.scss */
.header-page {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 340px;
}

/* line 556, sass/style.scss */
.header-page::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(../images/mainbg.png);
  z-index: 2;
}

/* line 570, sass/style.scss */
.header-page h2 {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  padding-top: 60px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 32px;
}

/* line 580, sass/style.scss */
.header-page h2 .en {
  font-size: 18px;
  display: block;
}

/* line 587, sass/style.scss */
.bread {
  margin: 20px auto 0;
  padding: 0 20px;
  width: 100%;
  max-width: 1240px;
  font-size: 12px;
}

/* line 594, sass/style.scss */
.bread a {
  color: #000;
}

/* line 597, sass/style.scss */
.bread a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 960px) {
  /* line 604, sass/style.scss */
  .header-page {
    height: 240px;
  }
  /* line 607, sass/style.scss */
  .header-page h2 {
    padding-top: 40px;
  }
  /* line 611, sass/style.scss */
  .header-page h2 span:first-child {
    font-size: 24px;
  }
  /* line 615, sass/style.scss */
  .header-page h2 span:last-child {
    font-size: 16px;
  }
}

/*header-home*/
/* line 625, sass/style.scss */
.header-home {
  position: relative;
  max-height: 100vh;
  overflow: hidden;
  min-height: 340px;
}

/* line 632, sass/style.scss */
.home-main {
  position: relative;
  margin: -107px auto 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

/* line 639, sass/style.scss */
.home-main::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(../images/mainbg.png);
  z-index: 2;
}

/* line 652, sass/style.scss */
.home-main img {
  animation: move01 30s ease infinite;
  -moz-animation: move01 30s ease infinite;
  /* Firefox */
  -webkit-animation: move01 30s ease infinite;
  /* Safari 和 Chrome */
  -o-animation: move01 30s ease infinite;
}

@keyframes move01 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

/* line 678, sass/style.scss */
.home-txt {
  position: absolute;
  z-index: 3;
  left: 5%;
  bottom: 40%;
  color: #fff;
  font-weight: bold;
}

/* line 687, sass/style.scss */
.home-txt01 {
  font-size: 48px;
  line-height: 1.2;
}

/* line 692, sass/style.scss */
.home-txt02 {
  font-family: "小塚ゴシック Pr6N";
  font-size: 24px;
}

/* line 697, sass/style.scss */
.home-txt03 {
  margin-top: 30px;
}

/* line 700, sass/style.scss */
.home-txt03 a {
  display: block;
  padding: 6px 0 6px 15px;
  color: #fff;
  border: 1px solid #fff;
  font-size: 16px;
  width: 186px;
  text-align: center;
  font-weight: bold;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  border-radius: 0;
}

/* line 715, sass/style.scss */
.home-txt03 a span {
  margin-left: 25px;
}

/* line 719, sass/style.scss */
.home-txt03 a:hover {
  background: #122a42;
  border: 1px solid #122a42;
}

/* line 726, sass/style.scss */
.scroll {
  position: absolute;
  z-index: 3;
  bottom: 50px;
  left: calc( 50% - 33.5px);
  color: #fff;
  font-size: 16px;
  font-family: 'montserratmedium';
  font-weight: bold;
}

/* line 736, sass/style.scss */
.scroll:hover {
  cursor: pointer;
}

/* line 740, sass/style.scss */
.scroll::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 65px;
  top: calc( -100% - 40px);
  left: calc( 50% - 1px);
  background: #fff;
  border-radius: 0;
}

/* line 751, sass/style.scss */
.scroll::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 0;
  background: #fff;
  left: calc( 50% - 5px);
  top: calc( -100% - 41px);
  animation: move02 5s ease infinite;
}

@keyframes move02 {
  0% {
    top: calc( -100% - 41px);
  }
  50% {
    top: calc( -100% + 15px);
  }
  100% {
    top: calc( -100% - 41px);
  }
}

/*header nav*/
/* line 780, sass/style.scss */
.menu {
  margin: 0 auto;
  width: 100%;
  background: #122a42;
}

/* line 786, sass/style.scss */
.nav {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: center;
}

/* line 793, sass/style.scss */
.nav li {
  position: relative;
  width: 20%;
  border-left: 1px solid #3d5a7a;
  text-align: center;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  border-radius: 0;
}

/* line 804, sass/style.scss */
.nav li::before {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 8px 8px 0 8px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  bottom: 3px;
  right: 3px;
}

/* line 817, sass/style.scss */
.nav li:last-child {
  border-right: 1px solid #3d5a7a;
}

/* line 821, sass/style.scss */
.nav li a {
  display: block;
  padding: 12px 0;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

/* line 828, sass/style.scss */
.nav li a span {
  display: block;
  font-size: 12px;
}

/* line 834, sass/style.scss */
.nav li:hover {
  background: rgba(255, 255, 255, 0.1);
}

/*homepage*/
/* line 842, sass/style.scss */
.top-news {
  margin: 0 auto;
  padding: 80px 20px 100px;
  width: 100%;
  background: url(../images/top-news-bg01.png) left top no-repeat, url(../images/top-news-bg02.png) right bottom no-repeat;
}

/* line 849, sass/style.scss */
.home-wrap h3 {
  margin: 0 auto 50px;
  font-size: 18px;
  color: #262626;
  text-align: center;
}

/* line 855, sass/style.scss */
.home-wrap h3 span {
  display: block;
  font-size: 30px;
  color: #122a42;
  font-family: 'oswalddemi-bold';
}

/* line 863, sass/style.scss */
.top-news-ul {
  margin: 0 auto;
  max-width: 1000px;
}

/* line 868, sass/style.scss */
.top-news-ul li a {
  display: flex;
  justify-content: flex-start;
  padding: 10px 20px;
  position: relative;
  flex-wrap: wrap;
  color: #020202;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

/* line 880, sass/style.scss */
.top-news-ul li a::before {
  position: absolute;
  content: "›";
  right: 20px;
  top: 20px;
}

/* line 888, sass/style.scss */
.top-news-ul li:nth-child(2) a, .top-news-ul li:nth-child(4) a, .top-news-ul li:nth-child(6) a {
  background: #f6f6f6;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

/* line 896, sass/style.scss */
.top-news-ul li a:hover, .top-news-ul li:nth-child(2) a:hover, .top-news-ul li:nth-child(4) a:hover, .top-news-ul li:nth-child(6) a:hover {
  background: #ddd;
}

/* line 900, sass/style.scss */
.top-news-ul li span {
  display: block;
  margin: 10px 20px;
}

/* line 907, sass/style.scss */
.top-news-cate {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 0 0;
  border-radius: 0;
  font-size: 12px;
  color: #fff;
  width: 88px;
  min-width: 88px;
  text-align: center;
}

/* line 920, sass/style.scss */
.top-news-content {
  margin-right: 20px;
}

/* line 924, sass/style.scss */
.top-news-cate01 {
  background: #122a42;
}

/* line 928, sass/style.scss */
.top-news-cate02 {
  background: #62c7b3;
}

/* line 932, sass/style.scss */
.top-news-a {
  margin: 50px auto 0;
}

/* line 935, sass/style.scss */
.top-news-a a {
  margin: 0 auto;
  text-align: center;
  display: block;
  background: #262626;
  padding: 7px 0 7px 40px;
  width: 200px;
  color: #fff;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  font-weight: bold;
}

/* line 949, sass/style.scss */
.top-news-a a span {
  margin-left: 25px;
}

/* line 953, sass/style.scss */
.top-news-a a:hover {
  background: #122a42;
}

/* line 959, sass/style.scss */
.top-company {
  position: relative;
  margin: 0 auto;
  width: 100%;
  background: url(../images/top-company-bg.jpg) center center no-repeat;
  padding: 120px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 969, sass/style.scss */
.top-company::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: url(../images/mainbg.png);
}

/* line 982, sass/style.scss */
.top-company-txt {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
}

/* line 989, sass/style.scss */
.top-company-txt01 {
  margin: 0 auto 5px;
  font-size: 48px;
  font-weight: bold;
}

/* line 995, sass/style.scss */
.top-company-txt02 {
  margin: 0 auto 40px;
  font-size: 16px;
}

/* line 1000, sass/style.scss */
.top-company-a a {
  margin: 0 auto;
  display: block;
  color: #262626;
  width: 146px;
  background: #fff;
  padding: 6px 0;
  font-weight: bold;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

/* line 1013, sass/style.scss */
.top-company-a a span {
  margin-left: 20px;
}

/* line 1017, sass/style.scss */
.top-company-a a:hover {
  background: #122a42;
  color: #fff;
}

/* line 1023, sass/style.scss */
.top-gallery {
  margin: 0 auto;
  background: #f6f6f6;
  padding: 50px 0;
}

/* line 1029, sass/style.scss */
.top-gallery-ul li {
  position: relative;
  padding: 0 15px;
  z-index: 1;
  overflow: hidden;
  max-width: 370px;
  width: 20%;
}

/* line 1038, sass/style.scss */
.top-gallery-ul-txt {
  position: absolute;
  z-index: 2;
  bottom: 15px;
  left: 15px;
  width: calc( 100% - 30px);
  padding: 0 20px;
  color: #fff;
}

/* line 1047, sass/style.scss */
.top-gallery-ul-txt h4 {
  margin-bottom: 5px;
  padding-bottom: 2px;
  border-bottom: 1px solid #fff;
  font-size: 22px;
  font-weight: bold;
}

/* line 1055, sass/style.scss */
.top-gallery-ul-txt p {
  height: 75.6px;
}

/* line 1060, sass/style.scss */
.top-gallery-ul-img {
  position: relative;
  width: 100%;
  z-index: 1;
  overflow: hidden;
}

/* line 1066, sass/style.scss */
.top-gallery-ul-img img {
  width: 340px;
  height: 320px;
}

/* line 1071, sass/style.scss */
.top-gallery-ul-img::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(46, 79, 100, 0.7);
  z-index: 3;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

/* line 1089, sass/style.scss */
.top-gallery-ul-img::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 29px;
  background: url(../images/camera.png) center center no-repeat;
  top: 40%;
  left: calc( 50% - 20px);
  z-index: 3;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

/* line 1107, sass/style.scss */
.top-gallery-ul li:hover .top-gallery-ul-img::before, .top-gallery-ul li:hover .top-gallery-ul-img::after {
  opacity: 1;
}

/* line 1112, sass/style.scss */
.top-business {
  margin: 0 auto;
  padding: 50px 20px 100px;
  width: 100%;
  background: url(../images/top-business-bg01.png) left top no-repeat, url(../images/top-business-bg02.png) right bottom no-repeat;
}

/* line 1118, sass/style.scss */
.top-business .top-news-a {
  margin: 20px auto 0;
}

/* line 1123, sass/style.scss */
.top-business-ul {
  margin: 0 auto;
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 1130, sass/style.scss */
.top-business-ul li {
  margin-bottom: 40px;
  width: calc( 50% - 20px);
  max-width: 574px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

/* line 1139, sass/style.scss */
.top-business-ul li a {
  padding: 120px 20px 20px 20px;
  display: block;
  color: #fff;
}

/* line 1145, sass/style.scss */
.top-business-ul li:hover {
  transform: translateY(-5px);
}

/* line 1149, sass/style.scss */
.top-business-ul li:first-child {
  background: url(../images/top-business01.jpg) center center no-repeat;
}

/* line 1153, sass/style.scss */
.top-business-ul li:nth-child(2) {
  background: url(../images/top-business02.jpg) center center no-repeat;
}

/* line 1158, sass/style.scss */
.top-business-ul li:nth-child(3) {
  background: url(../images/top-business03.jpg) center center no-repeat;
}

/* line 1162, sass/style.scss */
.top-business-ul li:nth-child(4) {
  background: url(../images/top-business04.jpg) center center no-repeat;
}

/* line 1166, sass/style.scss */
.top-business-ul li h4 {
  font-size: 24px;
  font-weight: bold;
}

@media screen and (max-width: 1600px) {
  /* line 1174, sass/style.scss */
  .home-txt01 {
    font-size: 30px;
  }
  /* line 1178, sass/style.scss */
  .top-company-txt01 {
    font-size: 34px;
  }
  /* line 1182, sass/style.scss */
  .top-gallery-ul-txt h4 {
    font-size: 18px;
  }
}

@media screen and (max-width: 1280px) {
  /* line 1188, sass/style.scss */
  .home-txt {
    bottom: 30%;
  }
  /* line 1192, sass/style.scss */
  .home-txt01 {
    font-size: 24px;
  }
  /* line 1196, sass/style.scss */
  .home-txt02 {
    font-size: 20px;
  }
  /* line 1200, sass/style.scss */
  .top-company {
    padding: 80px 20px;
  }
  /* line 1204, sass/style.scss */
  .top-company-txt01 {
    font-size: 24px;
  }
  /* line 1208, sass/style.scss */
  .top-gallery-ul-txt h4 {
    font-size: 16px;
  }
}

@media screen and (max-width: 960px) {
  /* line 1214, sass/style.scss */
  .home-txt {
    bottom: 20%;
    left: 20px;
  }
  /* line 1219, sass/style.scss */
  .home-txt01 {
    font-size: 20px;
  }
  /* line 1223, sass/style.scss */
  .home-txt02 {
    font-size: 16px;
  }
  /* line 1227, sass/style.scss */
  .top-logo {
    margin: 10px 0 0 20px;
  }
  /* line 1231, sass/style.scss */
  .nav li a {
    padding: 7px 0;
    font-size: 14px;
  }
  /* line 1236, sass/style.scss */
  .top-news-cate {
    margin: 0 20px;
  }
  /* line 1240, sass/style.scss */
  .top-business-ul li a {
    padding: 50px 20px 20px 20px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1246, sass/style.scss */
  .menu {
    position: fixed;
    z-index: 9;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #2e2e2e;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
  }
  /* line 1260, sass/style.scss */
  .menu01 {
    display: block;
  }
  /* line 1264, sass/style.scss */
  .top-contact {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 8;
  }
  /* line 1272, sass/style.scss */
  .top-contact a {
    width: 50%;
    border-radius: 0;
  }
  /* line 1278, sass/style.scss */
  .scroll, .top-logo-div02 {
    display: none;
  }
  /* line 1282, sass/style.scss */
  .slid {
    left: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
  }
  /* line 1290, sass/style.scss */
  .home-main img {
    display: none;
  }
  /* line 1294, sass/style.scss */
  .header-home {
    background: url(../images/mainbg-pad.jpg) center center no-repeat;
  }
  /* line 1298, sass/style.scss */
  .nav {
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  /* line 1306, sass/style.scss */
  .nav li {
    width: 100%;
    border-left: none;
  }
  /* line 1310, sass/style.scss */
  .nav li:last-child {
    border: none;
  }
  /* line 1314, sass/style.scss */
  .nav li::before {
    display: none;
  }
  /* line 1318, sass/style.scss */
  .nav li a {
    display: flex;
    justify-content: space-between;
    padding: 7px 40px;
    text-align: left;
    margin: 0 10px;
    border-bottom: 1px solid #ccc;
  }
  /* line 1326, sass/style.scss */
  .nav li a span {
    width: 60px;
  }
  /* line 1333, sass/style.scss */
  .top-business-ul li {
    margin: 0 auto 40px;
    width: 100%;
  }
}

@media screen and (max-width: 468px) {
  /* line 1340, sass/style.scss */
  .header-home {
    background: url(../images/mainbg-sp.jpg) center center no-repeat;
  }
  /* line 1344, sass/style.scss */
  .home-txt01 {
    font-size: 16px;
  }
  /* line 1348, sass/style.scss */
  .home-txt02 {
    font-size: 14px;
  }
  /* line 1352, sass/style.scss */
  .top-gallery-ul li {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 35px;
  }
  /* line 1358, sass/style.scss */
  .top-gallery-ul-txt {
    width: calc( 100% - 70px);
    left: 30px;
  }
  /* line 1362, sass/style.scss */
  .top-gallery-ul-txt h4 {
    font-size: 20px;
  }
  /* line 1368, sass/style.scss */
  .top-news-ul li a {
    padding: 10px;
  }
  /* line 1372, sass/style.scss */
  .top-news-ul li span {
    margin: 10px;
  }
  /* line 1377, sass/style.scss */
  .top-contact a {
    font-size: 14px;
    white-space: nowrap;
  }
  /* line 1382, sass/style.scss */
  .top-contact-tel::before {
    left: 15px;
  }
}

/*footer*/
/* line 1389, sass/style.scss */
footer {
  margin: 0 auto;
  width: 100%;
  padding: 15px 0 20px;
  background: #454545;
  color: #fff;
  text-align: center;
}

/* line 1397, sass/style.scss */
footer a {
  color: #fff;
}

/* line 1402, sass/style.scss */
.logo-bottom {
  background: url(../images/foot-logo-bg.jpg) center center no-repeat;
  padding-top: 40px;
  font-weight: bold;
}

/* line 1408, sass/style.scss */
.logo-bottom-logo {
  margin: 0 auto 5px;
  width: 176px;
}

/* line 1412, sass/style.scss */
.logo-bottom-logo a {
  display: inline-block;
  font-size: 22px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

/* line 1420, sass/style.scss */
.logo-bottom-logo a:hover {
  opacity: .7;
}

/* line 1426, sass/style.scss */
.logo-bottom-add {
  display: inline-block;
  padding-left: 30px;
  background: url(../images/add.png) left center/contain no-repeat;
}

/* line 1432, sass/style.scss */
.bottom-txt {
  margin: 17px auto 30px;
  padding: 20px;
  background: #333;
}

/* line 1437, sass/style.scss */
.bottom-txt p {
  margin: 0 auto;
  max-width: 960px;
  font-size: 12px;
}

/* line 1444, sass/style.scss */
.navb {
  margin: 0 auto 20px;
  padding: 0 20px 27px;
  border-bottom: 1px solid #2e2e2e;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 1452, sass/style.scss */
.navb li {
  margin-right: 20px;
  margin-bottom: 10px;
  padding-right: 20px;
  border-right: 1px solid #fff;
  line-height: 1.2;
  font-weight: bold;
}

/* line 1460, sass/style.scss */
.navb li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

/* line 1466, sass/style.scss */
.navb li a {
  display: block;
}

/* line 1469, sass/style.scss */
.navb li a:hover {
  text-decoration: underline;
}

/* line 1476, sass/style.scss */
.logo-bottom-tel a {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 1481, sass/style.scss */
  footer {
    padding: 15px 0 80px;
  }
}

@media screen and (max-width: 468px) {
  /* line 1488, sass/style.scss */
  .logo-bottom-tel a {
    display: block;
  }
  /* line 1492, sass/style.scss */
  .logo-bottom-tel span {
    display: none;
  }
}

/*page*/
/* line 1500, sass/style.scss */
.page-content {
  margin: 50px auto 0;
}

/* line 1503, sass/style.scss */
.page-content h3 {
  margin: 0 auto 50px;
  background: url(../images/gallery/gallery-logo.png) center bottom no-repeat;
  padding-bottom: 25px;
  font-family: "小塚ゴシック Pr6N";
  font-size: 26px;
  text-align: center;
}

/*page gallery-detail*/
/* line 1515, sass/style.scss */
.header-gallery {
  background: url(../images/gallery/gallery-h2-bg.jpg) center center no-repeat;
}

/* line 1519, sass/style.scss */
.gallery-img {
  margin: 0 auto;
  padding: 50px 20px;
  width: 100%;
  background: #f6f6f6;
}

/* line 1525, sass/style.scss */
.gallery-img .slider {
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

/* line 1533, sass/style.scss */
.gallery-img .slider-nav {
  margin: 25px auto 0;
}

/* line 1536, sass/style.scss */
.gallery-img .slider-nav .slick-prev {
  background: url(../images/gallery/left.jpg) center center no-repeat;
  width: 24px;
  margin-right: 20px;
  padding-right: 18px;
  text-indent: -9999px;
}

/* line 1544, sass/style.scss */
.gallery-img .slider-nav .slick-next {
  background: url(../images/gallery/right.jpg) center center no-repeat;
  width: 24px;
  margin-left: 20px;
  padding-left: 18px;
  text-indent: -9999px;
}

/* line 1554, sass/style.scss */
.gallery-txt {
  margin: 50px auto 70px;
  padding: 0 20px;
}

/* line 1559, sass/style.scss */
.gallery-txt-info {
  margin: 0 auto;
  padding: 40px 80px;
  max-width: 1000px;
  width: 100%;
  box-shadow: 2px 2px 3px #eee, -2px -2px 3px #eee;
}

/* line 1566, sass/style.scss */
.gallery-txt-info dl {
  display: flex;
  justify-content: flex-start;
}

/* line 1570, sass/style.scss */
.gallery-txt-info dl dt {
  background: #333;
  width: 220px;
  min-width: 220px;
  padding: 15px 40px;
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #fff;
}

/* line 1580, sass/style.scss */
.gallery-txt-info dl dd {
  margin-left: 30px;
  border-bottom: 1px solid #ccc;
  width: 100%;
  padding: 15px;
}

/* line 1589, sass/style.scss */
.gallery-txt-rink {
  margin: 50px auto 0;
  display: flex;
  justify-content: space-between;
  max-width: 490px;
}

/* line 1595, sass/style.scss */
.gallery-txt-rink a {
  position: relative;
  display: flex;
  background: #262626;
  color: #fff;
  border-radius: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

/* line 1606, sass/style.scss */
.gallery-txt-rink a:hover {
  background: #122a42;
}

/* line 1610, sass/style.scss */
.gallery-txt-rink a:first-child {
  padding: 9px 40px 9px 70px;
}

/* line 1614, sass/style.scss */
.gallery-txt-rink a:last-child {
  padding: 9px 70px 9px 40px;
}

/* line 1618, sass/style.scss */
.gallery-txt-rink a::before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  top: 13px;
}

/* line 1626, sass/style.scss */
.gallery-txt-rink a:first-child::before {
  left: 40px;
}

/* line 1630, sass/style.scss */
.gallery-txt-rink a:last-child::before {
  right: 40px;
}

/* line 1634, sass/style.scss */
.gallery-txt-rink a:first-child::before {
  background: url(../images/gallery/pre.png) center center no-repeat;
}

/* line 1638, sass/style.scss */
.gallery-txt-rink a:last-child::before {
  background: url(../images/gallery/next.png) center center no-repeat;
}

/* line 1644, sass/style.scss */
.slider-nav .slick-slide {
  margin: 0 5px;
}

/* line 1648, sass/style.scss */
.page-content .top-gallery {
  padding: 50px 0 70px;
}

@media screen and (max-width: 960px) {
  /* line 1653, sass/style.scss */
  .page-content h3 {
    font-size: 22px;
  }
  /* line 1657, sass/style.scss */
  .gallery-txt-info {
    padding: 40px;
  }
  /* line 1661, sass/style.scss */
  .gallery-txt-info dl dt {
    padding: 10px 20px 10px 40px;
    width: 180px;
    min-width: 180px;
  }
  /* line 1667, sass/style.scss */
  .gallery-txt-info dl dd {
    margin-left: 20px;
    padding: 10px;
  }
}

@media screen and (max-width: 560px) {
  /* line 1676, sass/style.scss */
  .gallery-txt-info {
    padding: 20px;
  }
  /* line 1680, sass/style.scss */
  .gallery-txt-info dl dt {
    padding: 5px 20px;
    width: 120px;
    min-width: 120px;
  }
  /* line 1686, sass/style.scss */
  .gallery-txt-info dl dd {
    margin-left: 10px;
    padding: 5px 10px;
  }
}

@media screen and (max-width: 468px) {
  /* line 1695, sass/style.scss */
  .gallery-txt-info dl {
    flex-direction: column;
  }
  /* line 1698, sass/style.scss */
  .gallery-txt-info dl dt {
    padding: 5px 20px;
    width: 100%;
  }
  /* line 1703, sass/style.scss */
  .gallery-txt-info dl dd {
    border-bottom: none;
  }
  /* line 1708, sass/style.scss */
  .gallery-txt-rink {
    max-width: 208px;
    flex-direction: column;
    justify-content: center;
  }
  /* line 1713, sass/style.scss */
  .gallery-txt-rink a:first-child {
    margin-bottom: 20px;
  }
  /* line 1719, sass/style.scss */
  .gallery-img .slider-nav .slick-next {
    margin-left: 10px;
  }
  /* line 1723, sass/style.scss */
  .gallery-img .slider-nav .slick-prev {
    margin-right: 10px;
  }
}

/*page business-detail*/
/* line 1731, sass/style.scss */
.header-business {
  background: url(../images/business/business-h2-bg.jpg) center center no-repeat;
}

/* line 1735, sass/style.scss */
.business-txt01 {
  margin: 0 auto 50px;
  padding: 0 20px;
  max-width: 860px;
  text-align: center;
}

/* line 1742, sass/style.scss */
.business-txt02 {
  position: relative;
  margin: 0 auto 70px;
  padding: 100px 20px;
  text-align: center;
}

/* line 1750, sass/style.scss */
.business-txt02::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

/* line 1762, sass/style.scss */
.business-txt02 h4 {
  position: relative;
  z-index: 2;
  margin: 0 auto 40px;
  padding-bottom: 10px;
  font-size: 22px;
  font-family: "小塚ゴシック Pr6N";
}

/* line 1770, sass/style.scss */
.business-txt02 h4::before {
  position: absolute;
  height: 3px;
  width: 45px;
  content: "";
  background: #122a42;
  left: calc( 50% - 22.5px);
  top: 100%;
}

/* line 1782, sass/style.scss */
.business-txt02-div {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  max-width: 540px;
}

/* line 1789, sass/style.scss */
.business-txt03-ul {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1240px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 1799, sass/style.scss */
.business-txt03-img {
  margin-right: 40px;
  max-width: 612px;
  min-width: 612px;
}

/* line 1805, sass/style.scss */
.business-txt03 h5 {
  position: relative;
  margin-bottom: 40px;
  padding-left: 20px;
  font-size: 20px;
  font-family: "小塚ゴシック Pr6N";
}

/* line 1812, sass/style.scss */
.business-txt03 h5::before {
  position: absolute;
  content: "";
  background: #122a42;
  left: 0;
  top: 8px;
  width: 3px;
  height: 22px;
}

/* line 1823, sass/style.scss */
.page-content .top-business {
  margin: 50px auto 0;
  background: #f5f5f5;
  padding: 50px 20px 70px;
}

@media screen and (max-width: 960px) {
  /* line 1830, sass/style.scss */
  .business-txt03-img {
    min-width: 400px;
    max-width: 400px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1837, sass/style.scss */
  .business-txt03-ul {
    flex-direction: column;
    justify-content: center;
  }
  /* line 1842, sass/style.scss */
  .business-txt03-img {
    margin-right: 0;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 468px) {
  /* line 1849, sass/style.scss */
  .business-txt02 {
    padding: 50px 20px;
  }
  /* line 1853, sass/style.scss */
  .business-txt03-img {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}