@charset "UTF-8";
html, body, h1, h2, h3, h4, h5, h6, a, p, span, em, small, strong, sub, sup, mark, del, ins, strike, abbr, dfn, blockquote, q, cite, code, pre, ol, ul, li, dl, dt, dd, div, section, article, main, aside, nav, header, hgroup, footer, img, figure, figcaption, address, time, audio, video, canvas, iframe, details, summary, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }

html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { font-size: 1.6rem; line-height: 1; }

* { box-sizing: border-box; font-family: inherit; font-size: inherit; line-height: inherit; }

*:before, *:after { box-sizing: inherit; }

a, a:visited { color: inherit; }

article, aside, footer, header, nav, section, main { display: block; }

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

ol, ul { list-style: none; }

img, video { border-style: none; max-width: 100%; vertical-align: middle; }

blockquote, q { quotes: none; }

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

[hidden] { display: none !important; }

[disabled] { cursor: not-allowed; }

:focus:not(:focus-visible) { outline: none; }

sup { position: relative; top: -0.5em; font-size: 75%; line-height: 0; vertical-align: baseline; }

.contentsWrapper { color: #000; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; font-size: 14px; font-weight: bold; line-height: 1; }
@media all and (-ms-high-contrast: none) { .contentsWrapper { font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: normal; } }

/* ----- common class ----- */
.movie { position: relative; width: 100%; padding-top: 56.25%; }
.movie iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

.t-justify { text-align: justify; text-justify: inter-ideograph; }

.al-c, .text-c { text-align: center; }

@media (max-width: 768px) { .hover { transition: all .3s ease-in; }
  .hover:hover { opacity: .8; } }

.db-sp { display: none; }

@media (max-width: 768px) { .db-pc { display: none; }
  .db-sp { display: block; } }
/* ----- footer ----- */
.footer { padding: 114px 0; background-color: #ff6600; }
@media (max-width: 768px) { .footer { padding: 56px 0; } }
.footer .logo { width: 300px; margin: 0 auto; }

.snsArea ul { display: flex; justify-content: center; }
.snsArea .snsIcon { position: relative; width: 36px; height: 36px; margin-right: 16px; }
.snsArea .snsIcon:last-of-type { margin-right: 0; }
.snsArea .snsIcon a { position: absolute; top: 2px; left: 2px; z-index: 1; display: block; overflow: hidden; width: 32px; height: 32px; text-indent: 120%; white-space: nowrap; background-image: url(../img/sns_icon.png); background-repeat: no-repeat; background-size: 128px 32px; }
.snsArea .sns01 a { background-position: 0 0; }
.snsArea .sns02 a { background-position: -32px 0; }
.snsArea .sns03 a { background-position: -64px 0; }
.snsArea .sns04 a { background-position: -96px 0; }

.circleSvg { position: absolute; top: 0; left: 0; width: 36px; height: 36px; animation: circle 10s linear infinite; transform-origin: center center; }
.circleSvg svg { width: 100%; height: 100%; fill: transparent; stroke: #fff; stroke-width: 2; stroke-dasharray: 5 4; }

@keyframes circle { 0% { transform: rotate(0); }
  100% { transform: rotate(360deg); } }
.snsIcon:hover .circleSvg { animation-duration: 3s; }

/*# sourceMappingURL=common.css.map */