@charset "UTF-8";
/*** Reset CSS ***/
@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

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

a img {
  border: none; }

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

input,
textarea {
  outline: 0; }

img {
  vertical-align: top; }

.clearfix, .inner, .article, .section, #header .nav-random-ochibi, #breadcrumbs, .home .blog .article {
  zoom: 1; }
  .clearfix:after, .inner:after, .article:after, .section:after, #header .nav-random-ochibi:after, #breadcrumbs:after, .home .blog .article:after {
    clear: both;
    content: "";
    display: block; }

.hover, .ochibi01 img:hover, #footer a:hover {
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in; }
  .hover:hover, .ochibi01 img:hover, #footer a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; }

.ffg, body, input[type='email'],
input[type='number'],
input[type='tel'],
input[type='text'],
textarea, html {
  font-family: 'Montserrat', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }

.ffm {
  font-family: YuMincho, '游明朝', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }

.fr, .col2 .right, #g-nav, .members .partner img {
  float: right; }

.fl, .sitemaplist li, .col2 .left, .col3 .item, #header h1, #g-nav li, #breadcrumbs li, #footer #footer-nav li, .home .blog .article img, .home .blog .article a div, .members .partner div {
  float: left; }

.tac {
  text-align: center; }

.tal {
  text-align: left; }

.tar {
  text-align: right; }

/*** Typography ***/
html {
  font-size: 100%;
  line-height: 1.5em; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

.del-txt {
  text-decoration: line-through;
  pointer-events: none; }

.item-img.del-img {
  pointer-events: none; }

.ttl01 {
  font-size: 3.75em;
  line-height: 1.2em;
  margin-bottom: 48px; }
  .ttl01 span {
    font-size: 14px; }
    .ttl01 span:before {
      content: '-';
      margin: 0 1em; }

.ttl02 {
  font-size: 1.25em;
  line-height: 1.2em;
  font-weight: bold;
  margin-bottom: 24px; }

.ttl03 {
  font-size: 1.5em;
  line-height: 2em;
  font-weight: bold;
  margin-bottom: 48px; }

.ttl04 {
  color: #000;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .ttl04:hover {
    text-decoration: underline; }

.ttl05 {
  font-size: 1.125em;
  line-height: 1.33333em;
  font-weight: bold;
  padding-bottom: 1em; }

/*** UI ***/
/* Lists */
.list01 {
  margin-left: 1em;
  list-style-type: disc; }

.list02 {
  padding-top: 8em; }
  .list02 li {
    background: url('../img/common/arrow.svg?1546933696') no-repeat;
    background-size: 24px;
    margin-bottom: 1.5em;
    padding-left: 2em; }
  .list02 a {
    display: block;
    color: #000;
    text-decoration: none;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
    .list02 a:hover {
      color: #E46D65; }

.sitemaplist li {
  background: #f8f5f4;
  color: #000;
  font-weight: bold;
  margin: 0 2em 2em 0;
  padding: .25em 0;
  text-align: center;
  width: 30%; }
  .sitemaplist li:nth-child(3n) {
    margin-right: 0; }
  .sitemaplist li a {
    color: #000;
    display: block;
    text-decoration: none;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
    .sitemaplist li a:hover {
      color: #b3b3b3; }

/* Images */
/* Buttons */
.btn01, input[type='submit'] {
  color: #fff;
  background: #ffa726;
  display: block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 12px 72px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-decoration: none; }
  .btn01:hover, input[type='submit']:hover {
    box-shadow: 0 0 0 4px #fff, 0 0 0 5px #ffa726;
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9); }

/* Forms */
input[type='email'],
input[type='number'],
input[type='tel'],
input[type='text'],
textarea {
  font-size: 1em;
  line-height: 1.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 6px 0.5em;
  border: 1px solid #ccc; }
  input[type='email']:hover, input[type='email']:focus,
  input[type='number']:hover,
  input[type='number']:focus,
  input[type='tel']:hover,
  input[type='tel']:focus,
  input[type='text']:hover,
  input[type='text']:focus,
  textarea:hover,
  textarea:focus {
    border-color: #000; }

input[type='email'],
input[type='number'],
input[type='tel'],
input[type='text'] {
  width: 50%; }

label {
  cursor: pointer;
  display: inline-block;
  font-weight: bold; }
  label span {
    color: #dc0000; }

textarea {
  height: 200px;
  width: 80%; }

input[type='submit'] {
  font-size: 1em;
  line-height: 1.5em;
  border: none;
  margin: 0 auto; }
  input[type='submit']:hover {
    cursor: pointer; }

th {
  vertical-align: top !important; }

/* Tables */
.tb01 {
  width: 100%; }
  .tb01 th {
    background: #f8f5f4;
    border-bottom: 5px solid #fff;
    padding: .5em;
    width: 10%; }
  .tb01 td {
    padding: 1em;
    width: 60%; }
  .tb01 li {
    margin-bottom: 1.5em; }

.tb02 {
  margin-top: 3em;
  width: 100%; }
  .tb02 th {
    padding: 1em 0;
    width: 20%; }
  .tb02 td {
    padding: 1em;
    width: 80%; }

/* Icons */
/*** Common ***/
.noscript {
  background-color: #ffe5e5;
  border: 1px solid #f00;
  color: #f00;
  display: none;
  font-weight: bold;
  line-height: 3;
  text-align: center; }

html,
body {
  height: 100%;
  min-width: 1072px; }

.inner {
  margin: 0 auto;
  padding: 0 1em;
  position: relative;
  width: 1024px; }

.article {
  margin-bottom: 4.5em;
  position: relative; }

.section {
  margin-bottom: 4.5em; }

.col2 .left {
  position: relative;
  width: 36%; }
  .col2 .left img {
    height: auto;
    width: 100%; }
.col2 .right {
  padding: 24px;
  width: 59%; }

.col3 .item {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  margin-right: 3em;
  padding-bottom: 2em;
  width: 30%; }
  .col3 .item a {
    display: inline-block; }
.col3 img {
  width: 100%; }
.col3 .last {
  margin-right: 0; }

.mail-icon,
.fb-icon {
  margin: 1em 0;
  height: auto;
  width: 40px; }

#to-top {
  text-align: center;
  bottom: 3em;
  position: fixed;
  right: 4em;
  z-index: 300; }
  #to-top img {
    height: 48px;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 200; }
    #to-top img:hover {
      -moz-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2); }

.mb1 {
  margin-bottom: 1em; }

.mb2 {
  margin-bottom: 2em; }

.fs-small {
  font-size: 0.625em;
  line-height: 2.4em;
  color: #888; }

.bold {
  font-weight: bold; }

a {
  color: #00adff; }
  a:hover {
    cursor: pointer;
    text-decoration: none; }

.error-msg p {
  color: #dc0000; }

.sp-footer-content {
  display: none; }

input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0; }

.ochibi_note {
  display: none; }

.ochibi01 {
  position: relative; }
  .ochibi01 img {
    bottom: -2.5em;
    height: auto;
    position: absolute;
    right: 8em;
    width: 120px;
    z-index: 20; }

#random-ochibi {
  height: auto;
  position: absolute;
  width: 100px;
  z-index: 100; }

.random-ochibi span {
  font-size: 0.75em;
  line-height: 2em;
  background: #000;
  border-radius: 5px;
  color: #fff;
  line-height: 1;
  opacity: 0;
  padding: 10px;
  position: absolute;
  -moz-transform: rotateX(90deg);
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  transition: .3s;
  width: 100px; }
  .random-ochibi span:after {
    border: 6px solid transparent;
    border-top: 6px solid #000;
    content: "";
    left: 34px;
    height: 0;
    position: absolute;
    top: 100%;
    width: 0; }
.random-ochibi:hover span {
  opacity: 1;
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg); }

.jump {
  transform-origin: 50% 100%;
  -webkit-animation: jump 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate;
  -moz-animation: jump 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate;
  animation: jump 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes jump {
  0% {
    -webkit-transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-10px); } }
.ochibi04 {
  bottom: 6em;
  position: fixed;
  right: 4em;
  width: 60px;
  z-index: 20; }

.bdt {
  border-top: 1px solid #ccc; }

/*** Header ***/
#header {
  background: #f8f5f4;
  padding-top: 36px;
  position: relative;
  width: 100%;
  z-index: 1; }
  #header h1 #logosvg {
    margin-top: 16px;
    height: 21px;
    width: 102px; }
  #header #logo-trans {
    margin-right: 5px;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    width: 48px;
    height: 48px; }
    #header #logo-trans:hover {
      -moz-transform: rotate(720deg);
      -ms-transform: rotate(720deg);
      -webkit-transform: rotate(720deg);
      transform: rotate(720deg); }
  #header .hamburger-button {
    display: none; }
  #header .nav-random-ochibi {
    display: none;
    margin: 0 auto;
    height: 6em;
    position: relative;
    width: 290px;
    z-index: 200; }
    #header .nav-random-ochibi img {
      left: 1em;
      height: auto;
      position: absolute;
      width: 58px; }
    #header .nav-random-ochibi span {
      font-size: 0.75em;
      line-height: 2em;
      background: #000;
      border-radius: 5px;
      color: #fff;
      line-height: 1;
      opacity: 1;
      padding: 10px;
      position: absolute;
      right: 2em;
      top: 3em;
      width: 200px; }
      #header .nav-random-ochibi span:after {
        border: 6px solid transparent;
        border-right: 6px solid #000;
        content: "";
        left: -12px;
        height: 0;
        position: absolute;
        top: 9px;
        width: 0; }

.separator img {
  margin-bottom: 2em;
  position: relative;
  width: 100%;
  z-index: 10; }

/*** Navigation ***/
#g-nav {
  margin-top: 0.75em;
  width: 80%; }
  #g-nav li {
    font-size: 0.875em;
    line-height: 1.71429em;
    text-align: right;
    margin-left: 5.5em; }
    #g-nav li.current a {
      color: #E46D65; }
  #g-nav a {
    color: #000;
    text-decoration: none;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
    #g-nav a:hover {
      color: #E46D65; }

/*** Breadcrumbs ***/
#breadcrumbs {
  margin: -1em auto 2em;
  width: 1024px; }
  #breadcrumbs li {
    font-size: 0.75em;
    line-height: 2em;
    color: gray; }
    #breadcrumbs li:first-child:after {
      font-size: 1.25em;
      line-height: 1.2em;
      content: '>';
      margin: 0 5px; }
  #breadcrumbs a {
    color: gray;
    text-decoration: none; }
    #breadcrumbs a:hover {
      text-decoration: underline; }

/*** Localmenus ***/
/*** Side ***/
/*** Footer ***/
#footer {
  font-size: 0.75em;
  line-height: 2em;
  background: #f8f5f4;
  color: gray;
  padding-bottom: 2em; }
  #footer #footer-nav {
    display: inline-block;
    margin-bottom: 4.5em; }
    #footer #footer-nav li {
      margin-right: 5em; }
      #footer #footer-nav li:last-child {
        margin-right: 0; }
  #footer div > img {
    height: auto;
    width: 100px; }
  #footer .cta {
    font-size: 14px; }
    #footer .cta .tel {
      font-size: 24px;
      margin-bottom: 2.5em; }
      #footer .cta .tel span {
        font-size: 12px; }
  #footer a {
    color: gray;
    text-decoration: none; }
  #footer .tar a {
    margin-left: 2em; }
  #footer small {
    font-size: 0.5em;
    line-height: 3em; }
  #footer .mail-icon,
  #footer .fb-icon {
    height: auto;
    width: 42px; }

.footer-separator img {
  position: relative;
  width: 100%;
  z-index: 0; }

/******************************
    Below For Each Page
******************************/
/*** / ***/
.home .billboard {
  margin-top: -6em;
  position: relative; }
  .home .billboard .inner {
    height: 560px; }
  .home .billboard #cloud {
    -webkit-animation: cloudMove 60s linear infinite;
    -moz-animation: cloudMove 60s linear infinite;
    animation: cloudMove 60s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    background: url('../img/home/cloud.svg?1546933696'), url('../img/home/cloud02.svg?1546933696');
    height: 200px;
    position: absolute;
    top: 3em;
    width: 100%; }
@-webkit-keyframes cloudMove {
  0% {
    background-position: 0 0, 0 0; }
  100% {
    background-position: 600px 0, 1100px 0; } }
@-moz-keyframes cloudMove {
  0% {
    background-position: 0 0, 0 0; }
  100% {
    background-position: 600px 0, 1100px 0; } }
@-ms-keyframes cloudMove {
  0% {
    background-position: 0 0, 0 0; }
  100% {
    background-position: 600px 0, 1100px 0; } }
@-o-keyframes cloudMove {
  0% {
    background-position: 0 0, 0 0; }
  100% {
    background-position: 600px 0, 1100px 0; } }
@keyframes cloudMove {
  0% {
    background-position: 0 0, 0 0; }
  100% {
    background-position: 600px 0, 1100px 0; } }
  .home .billboard #fb_btn {
    height: auto;
    position: absolute;
    right: 6px;
    top: 10em;
    width: 100px;
    z-index: 30; }
  .home .billboard .ocean {
    bottom: -8em;
    background: #f0faff;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZjVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1f5fe), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(top, #e1f5fe, #ffffff);
    background-image: -webkit-linear-gradient(top, #e1f5fe, #ffffff);
    background-image: linear-gradient(to bottom, #e1f5fe, #ffffff);
    height: 200px;
    position: absolute;
    width: 100%; }
  .home .billboard .island,
  .home .billboard .island02,
  .home .billboard .island03,
  .home .billboard .buddying_island,
  .home .billboard .circle {
    position: absolute; }
  .home .billboard .buddying_island {
    bottom: 4em;
    right: 8em; }
  .home .billboard .circle {
    right: 18.1em;
    bottom: 11em;
    -webkit-animation: spin 10s linear infinite;
    -moz-animation: spin 10s linear infinite;
    animation: spin 10s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both; }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg); } }
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .home .billboard .island {
    top: 29.2em;
    left: 1em; }
  .home .billboard .island02 {
    left: 15em;
    height: auto;
    top: 30.5em;
    width: 120px; }
  .home .billboard .island03 {
    right: 1em;
    height: auto;
    top: 30em;
    width: 180px; }
  .home .billboard #random-ochibi {
    left: 4em;
    top: 21.5em; }
  .home .billboard .random-ochibi span {
    bottom: 10em;
    left: 4em; }
  .home .billboard .random-ochibi:hover span {
    bottom: 19em; }
.home .sp-billboard img {
  bottom: 3em;
  display: none;
  position: absolute;
  width: 100%; }
.home .buddying_nakama {
  top: 9em;
  left: 13em;
  position: absolute; }
  .home .buddying_nakama .ball {
    display: block;
    width: 1em;
    height: 1em;
    padding: .2em;
    color: #000;
    font-family: "tbcinergothic-std";
    line-height: 1;
    text-align: center;
    /* easeOutExpo */
    -webkit-animation: 5s cubic-bezier(0.19, 1, 0.22, 1) 2 alternate;
    animation: 5s cubic-bezier(0.19, 1, 0.22, 1) 2 alternate; }
  .home .buddying_nakama li:nth-child(1) .ball {
    -webkit-animation-name: rolling1;
    animation-name: rolling1; }
  .home .buddying_nakama li:nth-child(2) .ball {
    -webkit-animation-name: rolling2;
    animation-name: rolling2; }
  .home .buddying_nakama li:nth-child(3) .ball {
    -webkit-animation-name: rolling3;
    animation-name: rolling3; }
  .home .buddying_nakama li:nth-child(4) .ball {
    -webkit-animation-name: rolling4;
    animation-name: rolling4; }
  .home .buddying_nakama li:nth-child(5) .ball {
    -webkit-animation-name: rolling2;
    animation-name: rolling2; }
  .home .buddying_nakama li:nth-child(6) .ball {
    -webkit-animation-name: rolling3;
    animation-name: rolling3; }
  .home .buddying_nakama li:nth-child(7) .ball {
    -webkit-animation-name: rolling4;
    animation-name: rolling4; }
  .home .buddying_nakama li:nth-child(8) .ball {
    -webkit-animation-name: rolling1;
    animation-name: rolling1; }
  .home .buddying_nakama li:nth-child(9) .ball {
    -webkit-animation-name: rolling3;
    animation-name: rolling3; }
  .home .buddying_nakama li:nth-child(10) .ball {
    -webkit-animation-name: rolling4;
    animation-name: rolling4; }
  .home .buddying_nakama li:nth-child(11) .ball {
    -webkit-animation-name: rolling1;
    animation-name: rolling1; }
@keyframes rolling1 {
  0% {
    transform: translateX(0) rotate(0deg); }
  100% {
    transform: translateX(100px) rotate(720deg); } }
@keyframes rolling2 {
  0% {
    transform: translateX(0) rotate(0deg); }
  50% {
    transform: translateX(80px) rotate(360deg); }
  100% {
    transform: translateX(100px) rotate(720deg); } }
@keyframes rolling3 {
  0% {
    transform: translateX(0) rotate(0deg); }
  10% {
    transform: translateX(10px) rotate(360deg); }
  60% {
    transform: translateX(90px) rotate(1080deg); }
  100% {
    transform: translateX(100px) rotate(1440deg); } }
@keyframes rolling4 {
  0% {
    transform: translateX(0) rotate(0deg); }
  10% {
    transform: translateX(40px) rotate(360deg); }
  60% {
    transform: translateX(90px) rotate(1080deg); }
  100% {
    transform: translateX(100px) rotate(1440deg); } }
@-webkit-keyframes rolling1 {
  0% {
    -webkit-transform: translateX(0) rotate(0deg); }
  100% {
    -webkit-transform: translateX(100px) rotate(720deg); } }
@-webkit-keyframes rolling2 {
  0% {
    -webkit-transform: translateX(0) rotate(0deg); }
  50% {
    -webkit-transform: translateX(80px) rotate(360deg); }
  100% {
    -webkit-transform: translateX(100px) rotate(720deg); } }
@-webkit-keyframes rolling3 {
  0% {
    -webkit-transform: translateX(0) rotate(0deg); }
  10% {
    -webkit-transform: translateX(10px) rotate(360deg); }
  60% {
    -webkit-transform: translateX(90px) rotate(1080deg); }
  100% {
    -webkit-transform: translateX(100px) rotate(1440deg); } }
@-webkit-keyframes rolling4 {
  0% {
    -webkit-transform: translateX(0) rotate(0deg); }
  10% {
    -webkit-transform: translateX(40px) rotate(360deg); }
  60% {
    -webkit-transform: translateX(90px) rotate(1080deg); }
  100% {
    -webkit-transform: translateX(100px) rotate(1440deg); } }
.home .link_hand {
  font-size: 1.75em;
  line-height: 1.71429em;
  color: #000;
  font-family: 'Shadows Into Light', cursive;
  position: absolute;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  right: 2em;
  text-decoration: none;
  top: -2em;
  z-index: 300; }
  .home .link_hand:hover {
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  .home .link_hand:after {
    background: url('../img/common/arrow.svg?1546933696');
    content: '';
    display: inline-block;
    left: 5em;
    height: 36px;
    position: absolute;
    top: 5px;
    width: 36px; }
.home .blog .article {
  margin-bottom: 48px; }
  .home .blog .article img {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  .home .blog .article a div {
    margin-left: 24px;
    width: 90%; }
    .home .blog .article a div time {
      color: #b3b3b3; }
.home .btn01, .home input[type='submit'] {
  clear: both;
  text-align: center;
  width: 100px;
  margin: 0 auto; }
.home .ochibi_note {
  display: block;
  position: relative; }
  .home .ochibi_note .note01, .home .ochibi_note .note02 {
    position: absolute;
    height: auto;
    z-index: 22; }
  .home .ochibi_note .note01 {
    bottom: 6em;
    right: 8em;
    width: 30px; }
  .home .ochibi_note .note02 {
    bottom: 6em;
    right: 15em;
    width: 20px; }
.home #RandomA,
.home #RandomB,
.home #RandomC {
  display: none; }

/*** /works ***/
.works .col3 .item {
  margin-bottom: 3em;
  position: relative; }
  .works .col3 .item:nth-child(3n) {
    margin-right: 0; }
.works .col3 .item-img {
  background: url('../img/works/item-bg.png?1546933696') no-repeat;
  background-size: 100%;
  position: relative;
  padding-top: 1.5em; }
.works .col3 img {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  margin-bottom: 4em;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  width: 84%; }
  .works .col3 img:hover {
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9); }
.works .col3 p {
  font-weight: bold;
  min-height: 48px; }
.works .col3 a {
  color: #00adff;
  min-height: 48px; }
.works .col3 p, .works .col3 a {
  display: block;
  text-align: center; }

/*** /company ***/
.company time {
  color: #b3b3b3;
  display: block; }

/*** /members ***/
.members .name {
  font-size: 1.25em;
  line-height: 1.2em;
  margin-bottom: 1.5em; }
  .members .name span {
    font-size: 0.7em;
    line-height: 2.14286em;
    display: block; }
.members .partner div {
  width: 74%; }

/*** /notfound ***/
.notfound .sec01 {
  background: url('../img/notfound/bg01_r.png?1546933696') no-repeat;
  background-size: 975px 400px;
  height: 400px;
  width: 100%; }
.notfound .sec02 {
  background: url('../img/notfound/bg02_r.png?1546933696') no-repeat;
  background-size: 975px 400px;
  height: 400px;
  position: relative;
  width: 100%; }
  .notfound .sec02 .list02 {
    position: absolute;
    right: 14em;
    top: 3em; }

/*** /contact ***/
.contact .google-forms {
  margin-top: 3em;
}
.contact .g-recaptcha {
  max-width: 304px;
  margin: 0 auto 2em; }