@charset "UTF-8";
/*/////////////////////////////////////////
スタイルリセット
/////////////////////////////////////////*/
html,
body,
div,
span,
applet,
object,
iframe,
input,
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,
button {
  border: 0 none;
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

ol,
ul {
  list-style: none outside none;
}

blockquote,
q {
  quotes: none;
}

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

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

audio,
canvas,
video {
  display: inline-block;
}

/*transformを使うと Chromeで部分的に antialiasedが効かない*/
html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

*,
:before,
:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
  border: none;
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom;
  width: 100%;
  height: auto;
}

button,
input,
textarea,
select {
  background: none;
  border: none;
  border-radius: 0;
}

button {
  cursor: pointer;
  -webkit-appearance: none;
}

input {
  -webkit-appearance: none;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: none;
}

textarea {
  -webkit-appearance: none;
}

a,
a.hover {
  text-decoration: none;
}

br {
  line-height: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}

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

/* フォーカス状態のスタイル - キーボードアクセシビリティのため */
:focus {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* マウスユーザーのみoutlineを非表示にする（オプション） */
:focus:not(:focus-visible) {
  outline: none;
}

/* インタラクティブ要素のタブ操作を確保 */
/* IE11 コンテンツ領域とスクロールバーの重なりを回避 */
@-ms-viewport {
  width: auto !important;
}
html {
  -ms-overflow-style: scrollbar !important;
}

html {
  font-size: 16px;
}

body {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
  color: #000;
  background-color: #afd3e2;
  font-size: 16px;
}

a {
  color: #000;
  text-decoration: underline;
}
a.hover {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
a.hover:hover {
  opacity: 0.5;
}

.txt-hidden {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

@media screen and (max-width: 1024px) {
  .ifPc {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .ifPc-Tb {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .ifSp {
    display: none !important;
  }
}

@media screen and (min-width: 1025px) {
  .ifTb {
    display: none !important;
  }
}

.roboto {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  text-transform: uppercase;
}

nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  height: 100%;
}
nav ul li {
  height: 100%;
  border-left: 1px solid #000;
}
nav ul li a,
nav ul li span {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  padding: 0 23px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  nav ul li a,
  nav ul li span {
    font-size: 36px;
  }
}
nav ul li a {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}
nav ul li a:hover {
  background-color: #11a7ce;
}
nav ul li.online-store {
  background-color: #dfdfdf;
}
nav ul li.online-store span {
  padding: 0 32px;
  color: #fff;
}

.hamburger {
  display: none;
  position: fixed;
  top: 56px;
  right: 30px;
  width: 35px;
  height: 33px;
  cursor: pointer;
  z-index: 100;
}
@media screen and (max-width: 1024px) {
  .hamburger {
    top: 30px;
    right: 18px;
  }
}
.hamburger span {
  display: block;
  position: absolute;
  width: 29px;
  height: 3px;
  left: 6px;
  background-color: #000;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 8px;
}
.hamburger span:nth-child(2) {
  top: 17px;
}
.hamburger span:nth-child(3) {
  top: 25px;
}

@media screen and (max-width: 1024px) {
  .nav-open #header .menu-wrapper .menu > .inner::before {
    content: "";
    display: block;
    width: 1px;
    background-color: #000;
    position: absolute;
    z-index: 100;
    top: 0;
    height: 81px;
    right: 80px;
  }
}
.nav-open .hamburger span:nth-child(1) {
  top: 7px;
  left: -8px;
  width: 40px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.nav-open .hamburger span:nth-child(2) {
  opacity: 0;
}
.nav-open .hamburger span:nth-child(3) {
  top: 7px;
  left: -8px;
  width: 40px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.nav-open nav {
  right: 0;
}
.nav-open nav ul {
  border-top: solid 1px #000;
  position: relative;
  z-index: 2;
}
.nav-open nav ul li {
  border-left: none;
}
.nav-open nav ul li a,
.nav-open nav ul li span {
  padding: 0;
  height: inherit;
}
@media screen and (max-width: 1024px) {
  .nav-open nav ul li a,
  .nav-open nav ul li span {
    padding: 15px 0;
  }
}

@media screen and (max-width: 1024px) {
  .hamburger {
    display: block;
  }
  nav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    background-color: #afd3e2;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    z-index: 99;
  }
  nav::before {
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    background-color: #afd3e2;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
  }
  nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 80px;
  }
  nav ul li {
    margin: 0;
    padding: 20px;
  }
}
#mv {
  width: 100%;
  overflow: hidden;
  position: relative;
  background-color: #000;
  aspect-ratio: 1896/928;
}
@media screen and (max-width: 768px) {
  #mv {
    aspect-ratio: 414/713;
  }
}
#mv .front {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
#mv .front img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#mv #youtube-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  #mv #youtube-player {
    width: 100%;
    left: 0;
  }
}
#mv #youtube-player iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  pointer-events: none;
}
#mv.video-loaded::before {
  display: none;
}
#mv.video-loaded #youtube-player {
  opacity: 1;
}

#wrapper {
  max-width: 1948px;
  padding: 0 12px 12px 12px;
  background-color: #fff;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #wrapper {
    padding: 0 8px;
  }
}
#wrapper > .inner {
  border: solid 1px #000;
  width: 100%;
  max-width: 1920px;
  background-color: #fff;
  margin: 0 auto;
}

#header {
  margin-top: 139px;
}
@media screen and (max-width: 1024px) {
  #header {
    margin-top: 89px;
  }
}
#header .menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
}
#header .menu-wrapper .menu {
  width: calc(100% - 24px);
  max-width: 1948px;
  height: 142px;
  margin: 0 auto;
  background-color: #fff;
  padding-top: 12px;
}
@media screen and (max-width: 1024px) {
  #header .menu-wrapper .menu {
    height: 90px;
    padding-top: 8px;
  }
}
@media screen and (max-width: 768px) {
  #header .menu-wrapper .menu {
    width: calc(100% - 16px);
  }
}
#header .menu-wrapper .menu > .inner {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  border: solid 1px #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #afd3e2;
}
#header .menu-wrapper .menu > .inner h1 {
  width: 317px;
  height: auto;
}
@media screen and (max-width: 1024px) {
  #header .menu-wrapper .menu > .inner h1 {
    width: 130px;
  }
}
#header .menu-wrapper .menu > .inner h1 a {
  display: block;
  padding: 16px 16px 14px;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
@media screen and (max-width: 1024px) {
  #header .menu-wrapper .menu > .inner h1 a {
    padding: 20px 7px 20px;
  }
}
#header .menu-wrapper .menu > .inner h1 a:hover {
  opacity: 0.5;
}
#main .contents {
  padding: 0 14px;
  border-top: solid 1px #000;
}
#main .contents#story {
  padding-top: 63px;
  padding-bottom: 66px;
  background-color: #afd3e2;
}
@media screen and (max-width: 1024px) {
  #main .contents#story {
    padding: 31px 7px;
  }
}
#main .contents#story h2 {
  font-size: 14px;
  letter-spacing: 0.05em;
}
#main .contents#story h3 {
  width: 81.4%;
  margin: 100px 20px 0 14px;
}
@media screen and (max-width: 1024px) {
  #main .contents#story h3 {
    width: 77.7%;
    margin: 19px 0 0 0;
  }
}
#main .contents#story h3 img {
  width: 100%;
  height: auto;
  max-height: inherit;
}
#main .contents#story h4 {
  color: #1a1a1a;
  font-size: 32px;
  font-style: normal;
  font-weight: 350;
  line-height: 1.1;
  letter-spacing: 1px;
  margin-top: 59px;
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  #main .contents#story h4 {
    font-size: 24px;
    margin-top: 41px;
  }
}
#main .contents#story h4.passing .passing-bar:before {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
#main .contents#story h4.passing .passing-txt {
  -webkit-animation-delay: 0.625s;
          animation-delay: 0.625s;
}
#main .contents#story .text {
  margin-top: 26px;
}
#main .contents#story .text p {
  color: #1a1a1a;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 1px;
}
@media screen and (max-width: 1024px) {
  #main .contents#story .text p {
    font-size: 16px;
  }
}
#main .contents#story .text p:nth-child(n+2) {
  margin-top: 30px;
}
#main .contents#panel {
  margin: 0;
  padding: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-right: 33.8%;
  padding-right: clamp(15rem, -13.6312849162rem + 44.6927374302vw, 40rem);
}
@media screen and (max-width: 1024px) {
  #main .contents#panel {
    padding-right: 0;
  }
}
@media screen and (min-width: 1025px) {
  #main .contents#panel .block {
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
  }
  #main .contents#panel .block:nth-child(3) {
    border-bottom: none;
  }
  #main .contents#panel .block:nth-child(4) {
    border-bottom: none;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#panel .block {
    border-top: solid 1px #000;
  }
  #main .contents#panel .block:nth-child(4) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #main .contents#panel .block:nth-child(1) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #main .contents#panel .block:nth-child(2) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  #main .contents#panel .block:nth-child(3) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
#main .contents#panel .block.block-normal {
  position: relative;
  z-index: 2;
  padding: 1.6vw 16px;
  background-color: #fff;
  width: 50%;
  max-height: 466px;
}
@media screen and (max-width: 1024px) {
  #main .contents#panel .block.block-normal {
    width: 100%;
    max-height: inherit;
    padding: 29px 7px 53px;
  }
}
#main .contents#panel .block.block-img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
  width: 70%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  #main .contents#panel .block.block-img {
    border: none;
    position: relative;
    width: 100%;
    height: 98.7vw;
  }
}
#main .contents#panel .block.block-img img {
  -o-object-fit: cover;
     object-fit: cover;
}
#main .contents#panel .block h3 {
  display: inline-block;
}
#main .contents#panel .block h3 > div {
  height: 1.93vw;
  max-height: 37px;
}
@media screen and (max-width: 1024px) {
  #main .contents#panel .block h3 > div {
    height: 6.1vw;
    max-height: inherit;
  }
}
#main .contents#panel .block h3 > div img {
  width: auto;
  height: 100%;
  display: block;
}
#main .contents#panel .block h3 > div:nth-child(n+2) {
  margin-top: 1.4vw;
}
@media screen and (min-width: 1941px) {
  #main .contents#panel .block h3 > div:nth-child(n+2) {
    margin-top: 27px;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#panel .block h3 > div:nth-child(n+2) {
    margin-top: 3.8vw;
  }
}
#main .contents#panel .block h3 .passing .passing-txt {
  height: 100%;
}
#main .contents#panel .block .text {
  color: #1a1a1a;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.5px;
  margin-top: 32px;
}
@media screen and (min-width: 1025px) {
  #main .contents#panel .block .text {
    padding-right: 100px;
    padding-right: clamp(0rem, -7.1578212291rem + 11.1731843575vw, 6.25rem);
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#panel .block .text {
    margin-top: 26px;
  }
}
@media screen and (min-width: 1025px) {
  #main .contents#panel .block:nth-child(1) h3 .passing:nth-child(2) .passing-bar:before {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
  }
  #main .contents#panel .block:nth-child(1) h3 .passing:nth-child(2) .passing-txt {
    -webkit-animation-delay: 0.425s;
            animation-delay: 0.425s;
  }
  #main .contents#panel .block:nth-child(1) h3 .passing:nth-child(3) .passing-bar:before {
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
  }
  #main .contents#panel .block:nth-child(1) h3 .passing:nth-child(3) .passing-txt {
    -webkit-animation-delay: 0.725s;
            animation-delay: 0.725s;
  }
  #main .contents#panel .block:nth-child(2) h3 .passing:nth-child(1) .passing-bar:before {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
  }
  #main .contents#panel .block:nth-child(2) h3 .passing:nth-child(1) .passing-txt {
    -webkit-animation-delay: 0.125s;
            animation-delay: 0.125s;
  }
  #main .contents#panel .block:nth-child(2) h3 .passing:nth-child(2) .passing-bar:before {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
  #main .contents#panel .block:nth-child(2) h3 .passing:nth-child(2) .passing-txt {
    -webkit-animation-delay: 0.525s;
            animation-delay: 0.525s;
  }
  #main .contents#panel .block:nth-child(2) h3 .passing:nth-child(3) .passing-bar:before {
    -webkit-animation-delay: 0.7s;
            animation-delay: 0.7s;
  }
  #main .contents#panel .block:nth-child(2) h3 .passing:nth-child(3) .passing-txt {
    -webkit-animation-delay: 0.825s;
            animation-delay: 0.825s;
  }
  #main .contents#panel .block:nth-child(3) h3 .passing:nth-child(1) .passing-bar:before {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
  }
  #main .contents#panel .block:nth-child(3) h3 .passing:nth-child(1) .passing-txt {
    -webkit-animation-delay: 0.225s;
            animation-delay: 0.225s;
  }
  #main .contents#panel .block:nth-child(3) h3 .passing:nth-child(2) .passing-bar:before {
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
  }
  #main .contents#panel .block:nth-child(3) h3 .passing:nth-child(2) .passing-txt {
    -webkit-animation-delay: 0.525s;
            animation-delay: 0.525s;
  }
  #main .contents#panel .block:nth-child(3) h3 .passing:nth-child(3) .passing-bar:before {
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
  }
  #main .contents#panel .block:nth-child(3) h3 .passing:nth-child(3) .passing-txt {
    -webkit-animation-delay: 0.925s;
            animation-delay: 0.925s;
  }
  #main .contents#panel .block:nth-child(3) h3 .passing:nth-child(4) .passing-bar:before {
    -webkit-animation-delay: 1.1s;
            animation-delay: 1.1s;
  }
  #main .contents#panel .block:nth-child(3) h3 .passing:nth-child(4) .passing-txt {
    -webkit-animation-delay: 1.225s;
            animation-delay: 1.225s;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#panel .block h3 .passing:nth-child(2) .passing-bar:before {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
  }
  #main .contents#panel .block h3 .passing:nth-child(2) .passing-txt {
    -webkit-animation-delay: 0.425s;
            animation-delay: 0.425s;
  }
  #main .contents#panel .block h3 .passing:nth-child(3) .passing-bar:before {
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
  }
  #main .contents#panel .block h3 .passing:nth-child(3) .passing-txt {
    -webkit-animation-delay: 0.725s;
            animation-delay: 0.725s;
  }
  #main .contents#panel .block h3 .passing:nth-child(4) .passing-bar:before {
    -webkit-animation-delay: 0.9s;
            animation-delay: 0.9s;
  }
  #main .contents#panel .block h3 .passing:nth-child(4) .passing-txt {
    -webkit-animation-delay: 1.025s;
            animation-delay: 1.025s;
  }
}
#main .contents#popupnow {
  padding: 0;
  background-color: #19a7ce;
}
@media screen and (min-width: 1025px) {
  #main .contents#popupnow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
#main .contents#popupnow .block.block-img {
  background-image: url(../../img/popup_01.jpg);
  position: relative;
  overflow: hidden;
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 1025px) {
  #main .contents#popupnow .block.block-img {
    width: calc(33.333% + 1px);
    min-width: 380px;
    height: 40vw;
  }
}
#main .contents#popupnow .block.block-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1025px) {
  #main .contents#popupnow .block.block-text {
    width: calc(66.666% - 1px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
#main .contents#popupnow .block.block-text .horizontal_block {
  border-top: solid 1px #000;
  padding: 10px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 100%;
}
#main .contents#popupnow .block.block-text .horizontal_block:nth-child(1)::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  right: 100px;
}
@media screen and (max-width: 1024px) {
  #main .contents#popupnow .block.block-text .horizontal_block:nth-child(1)::before {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#popupnow .block.block-text .horizontal_block {
    padding: 15px 14px 14px;
  }
}
#main .contents#popupnow .block.block-text .horizontal_block:first-child {
  border-top: none;
}
@media screen and (max-width: 1024px) {
  #main .contents#popupnow .block.block-text .horizontal_block:first-child {
    padding: 22px 20px 25px;
  }
}
@media screen and (max-width: 1500px) {
  #main .contents#popupnow .block.block-text .horizontal_block:last-child {
    height: 34%;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#popupnow .block.block-text .horizontal_block:last-child {
    padding: 12px 14px 15px;
  }
}
#main .contents#popupnow .block.block-text .horizontal_block h3 {
  width: 76.4%;
  height: 100%;
  max-width: 926px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (min-width: 1025px) {
  #main .contents#popupnow .block.block-text .horizontal_block h3 {
    width: 42%;
    padding: 30px 0;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#popupnow .block.block-text .horizontal_block h3 {
    width: 90.8%;
    max-width: inherit;
    border-right: none;
  }
}
#main .contents#popupnow .block.block-text .horizontal_block h3 img {
  width: 100%;
  height: auto;
}
#main .contents#popupnow .block.block-text .horizontal_block p {
  color: #1a202c;
  font-size: 32px;
  font-style: normal;
  font-weight: 350;
  line-height: 1.1;
  letter-spacing: 1px;
}
@media screen and (max-width: 1024px) {
  #main .contents#popupnow .block.block-text .horizontal_block p {
    font-size: 24px;
  }
}
#main .contents#popupnow .block.block-text .horizontal_block p.size-s {
  color: #1a202c;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media screen and (min-width: 1025px) {
  #main .contents#popupnow .block.block-text .horizontal_block p.size-s {
    font-size: clamp(0.875rem, 0.5886871508rem + 0.4469273743vw, 1.125rem);
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#popupnow .block.block-text .horizontal_block p.size-s {
    font-size: 16px;
    line-height: 1.7;
  }
}
#main .contents#articles {
  padding: 0;
}
@media screen and (min-width: 1025px) {
  #main .contents#articles h3 {
    padding: 32px 15px 41px;
    width: 24.4%;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#articles h3 {
    width: 60.7%;
    padding: 24px 7px 28px;
  }
}
#main .contents#articles ul li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1025px) {
  #main .contents#articles ul li {
    border-top: solid 1px #000;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#articles ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#articles ul li div {
    padding: 12px 7px 17px;
    border-top: solid 1px #000;
  }
}
#main .contents#articles ul li div:nth-child(1) {
  color: #1a1a1a;
  font-size: 24px;
  font-style: normal;
  font-weight: 350;
  line-height: 1.4;
}
@media screen and (min-width: 1025px) {
  #main .contents#articles ul li div:nth-child(1) {
    width: 42.5%;
    padding: 30px 15px;
  }
}
#main .contents#articles ul li div:nth-child(2) {
  color: #1a1a1a;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.5px;
}
@media screen and (min-width: 1025px) {
  #main .contents#articles ul li div:nth-child(2) {
    width: 44.5%;
    padding: 8px 15px;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#articles ul li div:nth-child(2) {
    padding-top: 15px;
    padding-bottom: 17px;
  }
}
#main .contents#articles ul li div:nth-child(3) {
  color: #1a1a1a;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1025px) {
  #main .contents#articles ul li div:nth-child(3) {
    width: 13%;
    padding: 0 15px;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#articles ul li div:nth-child(3) {
    padding-top: 9px;
    padding-bottom: 6px;
  }
}
@media screen and (min-width: 1025px) {
  #main .contents#articles ul li div:nth-child(n+2) {
    border-left: solid 1px #000;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#articles ul li:nth-child(1) div:nth-child(1) {
    padding: 12px 7px 17px;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#articles ul li:nth-child(2) div:nth-child(1) {
    padding: 5px 7px 11px;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#articles ul li:nth-child(3) div:nth-child(1) {
    padding: 12px 7px 17px;
  }
}
#main .contents#products {
  padding: 0;
}
@media screen and (min-width: 1025px) {
  #main .contents#products .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#products .title {
    padding: 0 7px;
  }
}
@media screen and (min-width: 1025px) {
  #main .contents#products .title h3 {
    padding: 32px 0px 36px 24px;
    width: 27.6%;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#products .title h3 {
    padding: 40px 5px 45px;
    width: 70.9%;
  }
}
#main .contents#products .title a.link,
#main .contents#products .title span.link {
  color: #fff;
  font-size: 24px;
  line-height: 1.2;
  text-decoration: none;
  background-color: #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
}
@media screen and (min-width: 1025px) {
  #main .contents#products .title a.link,
  #main .contents#products .title span.link {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 21px;
    width: 27.4%;
    border-left: solid 1px #000;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#products .title a.link,
  #main .contents#products .title span.link {
    border: solid 1px #000;
    padding: 30px 15px 36px;
    font-size: 27px;
    line-height: 1;
  }
}
#main .contents#products ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  #main .contents#products ul {
    margin-top: 32px;
  }
}
#main .contents#products ul li {
  border-top: solid 1px #000;
  position: relative;
}
@media screen and (min-width: 1025px) {
  #main .contents#products ul li {
    width: 33.333%;
    border-right: solid 1px #000;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#products ul li {
    width: 100%;
  }
}
#main .contents#products ul li:nth-child(3n) {
  border-right: none;
}
@media screen and (min-width: 1025px) {
  #main .contents#products ul li img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
#main .contents#products ul li div {
  background-color: #fff;
  width: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 1.4;
  padding: 10px 0;
  text-transform: uppercase;
}
@media screen and (min-width: 1025px) {
  #main .contents#products ul li div {
    position: absolute;
    bottom: 0;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#products ul li div {
    border-top: solid 1px #000;
    font-size: 23px;
    padding: 13px 0 15px;
  }
}
#main .contents#social {
  padding: 0;
}
@media screen and (min-width: 1025px) {
  #main .contents#social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 1025px) {
  #main .contents#social ul li {
    width: 50%;
  }
}
@media screen and (min-width: 1025px) {
  #main .contents#social ul li:nth-child(2) {
    border-left: solid 1px #000;
  }
}
@media screen and (max-width: 1024px) {
  #main .contents#social ul li:nth-child(2) {
    border-top: solid 1px #000;
  }
}
#main .contents#social ul li a,
#main .contents#social ul li span {
  text-decoration: none;
  display: block;
  padding: 32px 32px 21px;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
#main .contents#social ul li a .icon,
#main .contents#social ul li span .icon {
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-repeat: no-repeat;
}
#main .contents#social ul li a .name,
#main .contents#social ul li span .name {
  font-size: 20px;
  line-height: 1.4;
  margin-top: 13px;
}
#main .contents#social ul li a:hover {
  opacity: 0.5;
}
#main .contents#social ul li span .name {
  color: #dfdfdf;
}
#main .contents#social ul li:nth-child(1) a .icon,
#main .contents#social ul li:nth-child(1) span .icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDcuNjg3NUMxMS4xNDcxIDcuNjg3NSAxMC4zMTMzIDcuOTQwNDIgOS42MDQxIDguNDE0MjlDOC44OTQ5MiA4Ljg4ODE1IDguMzQyMTcgOS41NjE2NyA4LjAxNTc3IDEwLjM0OTdDNy42ODkzNyAxMS4xMzc3IDcuNjAzOTcgMTIuMDA0OCA3Ljc3MDM2IDEyLjg0MTNDNy45MzY3NiAxMy42Nzc5IDguMzQ3NDkgMTQuNDQ2MyA4Ljk1MDYgMTUuMDQ5NEM5LjU1MzcyIDE1LjY1MjUgMTAuMzIyMSAxNi4wNjMyIDExLjE1ODcgMTYuMjI5NkMxMS45OTUyIDE2LjM5NiAxMi44NjIzIDE2LjMxMDYgMTMuNjUwMyAxNS45ODQyQzE0LjQzODMgMTUuNjU3OCAxNS4xMTE4IDE1LjEwNTEgMTUuNTg1NyAxNC4zOTU5QzE2LjA1OTYgMTMuNjg2NyAxNi4zMTI1IDEyLjg1MjkgMTYuMzEyNSAxMkMxNi4zMTI1IDEwLjg1NjMgMTUuODU4MSA5Ljc1OTM1IDE1LjA0OTQgOC45NTA2QzE0LjI0MDYgOC4xNDE4NSAxMy4xNDM3IDcuNjg3NSAxMiA3LjY4NzVaTTEyIDE1LjE4NzVDMTEuMzY5NiAxNS4xODc1IDEwLjc1MzMgMTUuMDAwNiAxMC4yMjkxIDE0LjY1MDNDOS43MDQ5NCAxNC4zMDAxIDkuMjk2MzkgMTMuODAyMiA5LjA1NTEzIDEzLjIxOThDOC44MTM4OCAxMi42Mzc0IDguNzUwNzYgMTEuOTk2NSA4Ljg3Mzc1IDExLjM3ODFDOC45OTY3NCAxMC43NTk4IDkuMzAwMzIgMTAuMTkxOSA5Ljc0NjEgOS43NDYxQzEwLjE5MTkgOS4zMDAzMiAxMC43NTk4IDguOTk2NzQgMTEuMzc4MSA4Ljg3Mzc1QzExLjk5NjUgOC43NTA3NiAxMi42Mzc0IDguODEzODggMTMuMjE5OCA5LjA1NTEzQzEzLjgwMjIgOS4yOTYzOSAxNC4zMDAxIDkuNzA0OTQgMTQuNjUwMyAxMC4yMjkxQzE1LjAwMDYgMTAuNzUzMyAxNS4xODc1IDExLjM2OTYgMTUuMTg3NSAxMkMxNS4xODUgMTIuODQ0NiAxNC44NDg0IDEzLjY1MzkgMTQuMjUxMiAxNC4yNTEyQzEzLjY1MzkgMTQuODQ4NCAxMi44NDQ2IDE1LjE4NSAxMiAxNS4xODc1Wk0xNi4xMjUgMi44MTI1SDcuODc1QzYuNTMyMzQgMi44MTI1IDUuMjQ0NjcgMy4zNDU4NyA0LjI5NTI3IDQuMjk1MjdDMy4zNDU4NyA1LjI0NDY3IDIuODEyNSA2LjUzMjM0IDIuODEyNSA3Ljg3NVYxNi4xMjVDMi44MTI1IDE3LjQ2NzcgMy4zNDU4NyAxOC43NTUzIDQuMjk1MjcgMTkuNzA0N0M1LjI0NDY3IDIwLjY1NDEgNi41MzIzNCAyMS4xODc1IDcuODc1IDIxLjE4NzVIMTYuMTI1QzE3LjQ2NzcgMjEuMTg3NSAxOC43NTUzIDIwLjY1NDEgMTkuNzA0NyAxOS43MDQ3QzIwLjY1NDEgMTguNzU1MyAyMS4xODc1IDE3LjQ2NzcgMjEuMTg3NSAxNi4xMjVWNy44NzVDMjEuMTg3NSA2LjUzMjM0IDIwLjY1NDEgNS4yNDQ2NyAxOS43MDQ3IDQuMjk1MjdDMTguNzU1MyAzLjM0NTg3IDE3LjQ2NzcgMi44MTI1IDE2LjEyNSAyLjgxMjVaTTIwLjA2MjUgMTYuMTI1QzIwLjA2MjUgMTcuMTY5MyAxOS42NDc3IDE4LjE3MDggMTguOTA5MiAxOC45MDkyQzE4LjE3MDggMTkuNjQ3NyAxNy4xNjkzIDIwLjA2MjUgMTYuMTI1IDIwLjA2MjVINy44NzVDNi44MzA3MSAyMC4wNjI1IDUuODI5MTkgMTkuNjQ3NyA1LjA5MDc3IDE4LjkwOTJDNC4zNTIzNCAxOC4xNzA4IDMuOTM3NSAxNy4xNjkzIDMuOTM3NSAxNi4xMjVWNy44NzVDMy45Mzc1IDYuODMwNzEgNC4zNTIzNCA1LjgyOTE5IDUuMDkwNzcgNS4wOTA3N0M1LjgyOTE5IDQuMzUyMzQgNi44MzA3MSAzLjkzNzUgNy44NzUgMy45Mzc1SDE2LjEyNUMxNy4xNjkzIDMuOTM3NSAxOC4xNzA4IDQuMzUyMzQgMTguOTA5MiA1LjA5MDc3QzE5LjY0NzcgNS44MjkxOSAyMC4wNjI1IDYuODMwNzEgMjAuMDYyNSA3Ljg3NVYxNi4xMjVaTTE3LjgxMjUgNy4xMjVDMTcuODEyNSA3LjMxMDQyIDE3Ljc1NzUgNy40OTE2OCAxNy42NTQ1IDcuNjQ1ODVDMTcuNTUxNSA3LjgwMDAyIDE3LjQwNTEgNy45MjAxOCAxNy4yMzM4IDcuOTkxMTRDMTcuMDYyNSA4LjA2MjA5IDE2Ljg3NCA4LjA4MDY2IDE2LjY5MjEgOC4wNDQ0OUMxNi41MTAyIDguMDA4MzEgMTYuMzQzMiA3LjkxOTAyIDE2LjIxMjEgNy43ODc5MUMxNi4wODEgNy42NTY4IDE1Ljk5MTcgNy40ODk3NSAxNS45NTU1IDcuMzA3OUMxNS45MTkzIDcuMTI2MDQgMTUuOTM3OSA2LjkzNzU0IDE2LjAwODkgNi43NjYyM0MxNi4wNzk4IDYuNTk0OTMgMTYuMiA2LjQ0ODUxIDE2LjM1NDIgNi4zNDU1QzE2LjUwODMgNi4yNDI0OCAxNi42ODk2IDYuMTg3NSAxNi44NzUgNi4xODc1QzE3LjEyMzYgNi4xODc1IDE3LjM2MjEgNi4yODYyNyAxNy41Mzc5IDYuNDYyMDlDMTcuNzEzNyA2LjYzNzkgMTcuODEyNSA2Ljg3NjM2IDE3LjgxMjUgNy4xMjVaIiBmaWxsPSIjMUExQTFBIi8+Cjwvc3ZnPgo=");
}
#main .contents#social ul li:nth-child(2) a .icon,
#main .contents#social ul li:nth-child(2) span .icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgMEMxLjgwNjcxIDAgMCAxLjgwNjcxIDAgNFYyMEMwIDIyLjE5MzMgMS44MDY3MSAyNCA0IDI0SDIwQzIyLjE5MzMgMjQgMjQgMjIuMTkzMyAyNCAyMFY0QzI0IDEuODA2NzEgMjIuMTkzMyAwIDIwIDBINFpNMTIgNS4zMzMzM0gxNC42NjY3QzE0LjY2NjcgNi42NzMzMyAxNi42MjggOCAxNy4zMzMzIDhWMTAuNjY2N0MxNi41MjY3IDEwLjY2NjcgMTUuNTU3MyAxMC4zMTIyIDE0LjY2NjcgOS43MTM1NFYxNC42NjY3QzE0LjY2NjcgMTYuODcyIDEyLjg3MiAxOC42NjY3IDEwLjY2NjcgMTguNjY2N0M4LjQ2MTMzIDE4LjY2NjcgNi42NjY2NyAxNi44NzIgNi42NjY2NyAxNC42NjY3QzYuNjY2NjcgMTIuNDYxMyA4LjQ2MTMzIDEwLjY2NjcgMTAuNjY2NyAxMC42NjY3VjEzLjMzMzNDOS45MzA2NyAxMy4zMzMzIDkuMzMzMzMgMTMuOTMyIDkuMzMzMzMgMTQuNjY2N0M5LjMzMzMzIDE1LjQwMTMgOS45MzA2NyAxNiAxMC42NjY3IDE2QzExLjQwMjcgMTYgMTIgMTUuNDAxMyAxMiAxNC42NjY3VjUuMzMzMzNaIiBmaWxsPSIjREZERkRGIi8+Cjwvc3ZnPgo=");
}

#footer {
  background-color: #afd3e2;
  border-top: solid 1px #000;
}
@media screen and (min-width: 1025px) {
  #footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 1025px) {
  #footer .logo-social {
    padding: 44px 48px 48px;
    width: 475px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-right: solid 1px #000;
  }
}
@media screen and (max-width: 1024px) {
  #footer .logo-social {
    padding: 48px 20px 0px 7px;
  }
}
#footer .logo-social .logo {
  width: 278px;
}
@media screen and (max-width: 1024px) {
  #footer .logo-social .logo {
    width: 224px;
  }
}
#footer .logo-social ul {
  margin-top: 58px;
}
#footer .logo-social ul li {
  padding: 0;
}
#footer .logo-social ul li:nth-child(2) {
  margin-top: 16px;
  opacity: 0.3;
}
#footer .logo-social ul li a,
#footer .logo-social ul li span {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
#footer .logo-social ul li a .icon,
#footer .logo-social ul li span .icon {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-repeat: no-repeat;
}
#footer .logo-social ul li a .name,
#footer .logo-social ul li span .name {
  font-size: 14px;
  line-height: 1;
  margin-left: 17px;
  text-transform: capitalize;
}
#footer .logo-social ul li a a:hover,
#footer .logo-social ul li span a:hover {
  opacity: 0.5;
}
#footer .logo-social ul li:nth-child(1) a .icon,
#footer .logo-social ul li:nth-child(1) span .icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDcuNjg3NUMxMS4xNDcxIDcuNjg3NSAxMC4zMTMzIDcuOTQwNDIgOS42MDQxIDguNDE0MjlDOC44OTQ5MiA4Ljg4ODE1IDguMzQyMTcgOS41NjE2NyA4LjAxNTc3IDEwLjM0OTdDNy42ODkzNyAxMS4xMzc3IDcuNjAzOTcgMTIuMDA0OCA3Ljc3MDM2IDEyLjg0MTNDNy45MzY3NiAxMy42Nzc5IDguMzQ3NDkgMTQuNDQ2MyA4Ljk1MDYgMTUuMDQ5NEM5LjU1MzcyIDE1LjY1MjUgMTAuMzIyMSAxNi4wNjMyIDExLjE1ODcgMTYuMjI5NkMxMS45OTUyIDE2LjM5NiAxMi44NjIzIDE2LjMxMDYgMTMuNjUwMyAxNS45ODQyQzE0LjQzODMgMTUuNjU3OCAxNS4xMTE4IDE1LjEwNTEgMTUuNTg1NyAxNC4zOTU5QzE2LjA1OTYgMTMuNjg2NyAxNi4zMTI1IDEyLjg1MjkgMTYuMzEyNSAxMkMxNi4zMTI1IDEwLjg1NjMgMTUuODU4MSA5Ljc1OTM1IDE1LjA0OTQgOC45NTA2QzE0LjI0MDYgOC4xNDE4NSAxMy4xNDM3IDcuNjg3NSAxMiA3LjY4NzVaTTEyIDE1LjE4NzVDMTEuMzY5NiAxNS4xODc1IDEwLjc1MzMgMTUuMDAwNiAxMC4yMjkxIDE0LjY1MDNDOS43MDQ5NCAxNC4zMDAxIDkuMjk2MzkgMTMuODAyMiA5LjA1NTEzIDEzLjIxOThDOC44MTM4OCAxMi42Mzc0IDguNzUwNzYgMTEuOTk2NSA4Ljg3Mzc1IDExLjM3ODFDOC45OTY3NCAxMC43NTk4IDkuMzAwMzIgMTAuMTkxOSA5Ljc0NjEgOS43NDYxQzEwLjE5MTkgOS4zMDAzMiAxMC43NTk4IDguOTk2NzQgMTEuMzc4MSA4Ljg3Mzc1QzExLjk5NjUgOC43NTA3NiAxMi42Mzc0IDguODEzODggMTMuMjE5OCA5LjA1NTEzQzEzLjgwMjIgOS4yOTYzOSAxNC4zMDAxIDkuNzA0OTQgMTQuNjUwMyAxMC4yMjkxQzE1LjAwMDYgMTAuNzUzMyAxNS4xODc1IDExLjM2OTYgMTUuMTg3NSAxMkMxNS4xODUgMTIuODQ0NiAxNC44NDg0IDEzLjY1MzkgMTQuMjUxMiAxNC4yNTEyQzEzLjY1MzkgMTQuODQ4NCAxMi44NDQ2IDE1LjE4NSAxMiAxNS4xODc1Wk0xNi4xMjUgMi44MTI1SDcuODc1QzYuNTMyMzQgMi44MTI1IDUuMjQ0NjcgMy4zNDU4NyA0LjI5NTI3IDQuMjk1MjdDMy4zNDU4NyA1LjI0NDY3IDIuODEyNSA2LjUzMjM0IDIuODEyNSA3Ljg3NVYxNi4xMjVDMi44MTI1IDE3LjQ2NzcgMy4zNDU4NyAxOC43NTUzIDQuMjk1MjcgMTkuNzA0N0M1LjI0NDY3IDIwLjY1NDEgNi41MzIzNCAyMS4xODc1IDcuODc1IDIxLjE4NzVIMTYuMTI1QzE3LjQ2NzcgMjEuMTg3NSAxOC43NTUzIDIwLjY1NDEgMTkuNzA0NyAxOS43MDQ3QzIwLjY1NDEgMTguNzU1MyAyMS4xODc1IDE3LjQ2NzcgMjEuMTg3NSAxNi4xMjVWNy44NzVDMjEuMTg3NSA2LjUzMjM0IDIwLjY1NDEgNS4yNDQ2NyAxOS43MDQ3IDQuMjk1MjdDMTguNzU1MyAzLjM0NTg3IDE3LjQ2NzcgMi44MTI1IDE2LjEyNSAyLjgxMjVaTTIwLjA2MjUgMTYuMTI1QzIwLjA2MjUgMTcuMTY5MyAxOS42NDc3IDE4LjE3MDggMTguOTA5MiAxOC45MDkyQzE4LjE3MDggMTkuNjQ3NyAxNy4xNjkzIDIwLjA2MjUgMTYuMTI1IDIwLjA2MjVINy44NzVDNi44MzA3MSAyMC4wNjI1IDUuODI5MTkgMTkuNjQ3NyA1LjA5MDc3IDE4LjkwOTJDNC4zNTIzNCAxOC4xNzA4IDMuOTM3NSAxNy4xNjkzIDMuOTM3NSAxNi4xMjVWNy44NzVDMy45Mzc1IDYuODMwNzEgNC4zNTIzNCA1LjgyOTE5IDUuMDkwNzcgNS4wOTA3N0M1LjgyOTE5IDQuMzUyMzQgNi44MzA3MSAzLjkzNzUgNy44NzUgMy45Mzc1SDE2LjEyNUMxNy4xNjkzIDMuOTM3NSAxOC4xNzA4IDQuMzUyMzQgMTguOTA5MiA1LjA5MDc3QzE5LjY0NzcgNS44MjkxOSAyMC4wNjI1IDYuODMwNzEgMjAuMDYyNSA3Ljg3NVYxNi4xMjVaTTE3LjgxMjUgNy4xMjVDMTcuODEyNSA3LjMxMDQyIDE3Ljc1NzUgNy40OTE2OCAxNy42NTQ1IDcuNjQ1ODVDMTcuNTUxNSA3LjgwMDAyIDE3LjQwNTEgNy45MjAxOCAxNy4yMzM4IDcuOTkxMTRDMTcuMDYyNSA4LjA2MjA5IDE2Ljg3NCA4LjA4MDY2IDE2LjY5MjEgOC4wNDQ0OUMxNi41MTAyIDguMDA4MzEgMTYuMzQzMiA3LjkxOTAyIDE2LjIxMjEgNy43ODc5MUMxNi4wODEgNy42NTY4IDE1Ljk5MTcgNy40ODk3NSAxNS45NTU1IDcuMzA3OUMxNS45MTkzIDcuMTI2MDQgMTUuOTM3OSA2LjkzNzU0IDE2LjAwODkgNi43NjYyM0MxNi4wNzk4IDYuNTk0OTMgMTYuMiA2LjQ0ODUxIDE2LjM1NDIgNi4zNDU1QzE2LjUwODMgNi4yNDI0OCAxNi42ODk2IDYuMTg3NSAxNi44NzUgNi4xODc1QzE3LjEyMzYgNi4xODc1IDE3LjM2MjEgNi4yODYyNyAxNy41Mzc5IDYuNDYyMDlDMTcuNzEzNyA2LjYzNzkgMTcuODEyNSA2Ljg3NjM2IDE3LjgxMjUgNy4xMjVaIiBmaWxsPSIjMUExQTFBIi8+Cjwvc3ZnPgo=");
}
#footer .logo-social ul li:nth-child(2) a .icon,
#footer .logo-social ul li:nth-child(2) span .icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgMEMxLjgwNjcxIDAgMCAxLjgwNjcxIDAgNFYyMEMwIDIyLjE5MzMgMS44MDY3MSAyNCA0IDI0SDIwQzIyLjE5MzMgMjQgMjQgMjIuMTkzMyAyNCAyMFY0QzI0IDEuODA2NzEgMjIuMTkzMyAwIDIwIDBINFpNMTIgNS4zMzMzM0gxNC42NjY3QzE0LjY2NjcgNi42NzMzMyAxNi42MjggOCAxNy4zMzMzIDhWMTAuNjY2N0MxNi41MjY3IDEwLjY2NjcgMTUuNTU3MyAxMC4zMTIyIDE0LjY2NjcgOS43MTM1NFYxNC42NjY3QzE0LjY2NjcgMTYuODcyIDEyLjg3MiAxOC42NjY3IDEwLjY2NjcgMTguNjY2N0M4LjQ2MTMzIDE4LjY2NjcgNi42NjY2NyAxNi44NzIgNi42NjY2NyAxNC42NjY3QzYuNjY2NjcgMTIuNDYxMyA4LjQ2MTMzIDEwLjY2NjcgMTAuNjY2NyAxMC42NjY3VjEzLjMzMzNDOS45MzA2NyAxMy4zMzMzIDkuMzMzMzMgMTMuOTMyIDkuMzMzMzMgMTQuNjY2N0M5LjMzMzMzIDE1LjQwMTMgOS45MzA2NyAxNiAxMC42NjY3IDE2QzExLjQwMjcgMTYgMTIgMTUuNDAxMyAxMiAxNC42NjY3VjUuMzMzMzNaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
  background-size: calc(100% - 4px);
  background-position: center;
  padding: 2px;
}
@media screen and (min-width: 1025px) {
  #footer .sub-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: calc(100% - 470px);
  }
}
@media screen and (max-width: 1024px) {
  #footer .sub-box {
    border-top: solid 1px #000;
    margin-top: 48px;
  }
}
#footer .sub-box .menu {
  border-bottom: solid 1px #000;
}
@media screen and (min-width: 1025px) {
  #footer .sub-box .menu {
    padding: 39px 0 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media screen and (max-width: 1024px) {
  #footer .sub-box .menu {
    padding: 43px 9px 45px;
  }
}
@media screen and (min-width: 1025px) {
  #footer .sub-box .menu ul {
    width: 23.7%;
    max-width: 336px;
  }
}
#footer .sub-box .menu ul li:nth-child(n+2) {
  margin-top: 22px;
}
@media screen and (max-width: 1024px) {
  #footer .sub-box .menu ul li:nth-child(n+2) {
    margin-top: 15px;
  }
}
#footer .sub-box .menu ul li a,
#footer .sub-box .menu ul li span {
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  padding: 5px 0;
}
#footer .sub-box .menu ul li a {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
#footer .sub-box .menu ul li a:hover {
  opacity: 0.5;
}
#footer .sub-box .copyright-sublink {
  padding: 29px 28px 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  #footer .sub-box .copyright-sublink {
    padding: 32px 0 32px 31px;
  }
}
#footer .sub-box .copyright-sublink small {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.19em;
}
@media screen and (max-width: 1024px) {
  #footer .sub-box .copyright-sublink small {
    line-height: 1.5;
  }
}
#footer .sub-box .copyright-sublink ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#footer .sub-box .copyright-sublink ul li:nth-child(n+2) {
  margin-left: 22px;
}
@media screen and (max-width: 1024px) {
  #footer .sub-box .copyright-sublink ul li:nth-child(n+2) {
    margin-left: 30px;
  }
}
#footer .sub-box .copyright-sublink ul li a,
#footer .sub-box .copyright-sublink ul li span {
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.1em;
}

/*animation*/
/*点滅*/
@-webkit-keyframes blinking {
  0%, 10%, 20%, 30%, 45% {
    opacity: 0;
  }
  10.1%, 10.2%, 20.1%, 20.6%, 30.1%, 30.5%, 30.6%, 45.1% {
    opacity: 1;
  }
  50%, 55% {
    opacity: 1;
  }
  55.1%, 57%, 60.1%, 65%, 75.1%, 77%, 85.1%, 86% {
    opacity: 0;
  }
  57.1%, 60%, 65.1%, 75%, 77.1%, 85%, 86.1%, 100% {
    opacity: 1;
  }
}
@keyframes blinking {
  0%, 10%, 20%, 30%, 45% {
    opacity: 0;
  }
  10.1%, 10.2%, 20.1%, 20.6%, 30.1%, 30.5%, 30.6%, 45.1% {
    opacity: 1;
  }
  50%, 55% {
    opacity: 1;
  }
  55.1%, 57%, 60.1%, 65%, 75.1%, 77%, 85.1%, 86% {
    opacity: 0;
  }
  57.1%, 60%, 65.1%, 75%, 77.1%, 85%, 86.1%, 100% {
    opacity: 1;
  }
}
.blinking {
  opacity: 0;
}

.framein.in .blinking {
  -webkit-animation: blinking 2s step-end both;
          animation: blinking 2s step-end both;
}

/*バーのモーションの後に文字が登場*/
@-webkit-keyframes passing-bar {
  0% {
    left: 0;
    width: 0;
  }
  50%, 51% {
    left: 0;
    width: 100%;
  }
  100% {
    left: 100%;
    width: 0;
  }
}
@keyframes passing-bar {
  0% {
    left: 0;
    width: 0;
  }
  50%, 51% {
    left: 0;
    width: 100%;
  }
  100% {
    left: 100%;
    width: 0;
  }
}
@-webkit-keyframes passing-txt {
  0%, 50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes passing-txt {
  0%, 50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.passing {
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.passing .passing-bar {
  position: absolute;
  display: inline;
  width: 100%;
  height: 100%;
}
.passing .passing-bar:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  /* 任意の値 */
  background: #000;
}
.passing .passing-txt {
  display: inline-block;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.framein.in .passing .passing-bar:before {
  -webkit-animation: passing-bar 0.3s ease 0s 1 normal forwards;
          animation: passing-bar 0.3s ease 0s 1 normal forwards;
}
.framein.in .passing .passing-txt {
  -webkit-animation: passing-txt 0s ease 0.15s 1 normal forwards;
          animation: passing-txt 0s ease 0.15s 1 normal forwards;
}/*# sourceMappingURL=style.css.map */