@charset "UTF-8";
body,
button,
input,
select,
textarea {
  font-size: 1rem;
  line-height: 1;
  color: #000; }

a {
  color: inherit;
  text-decoration: none; }

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

/*共通
-------------------------------------------*/
.flex_box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.inner {
  margin: auto; }

.reg {
  display: inline-block;
  font-size: 0.85em;
  -webkit-transform: translate(0, 30.5882352941%);
  -ms-transform: translate(0, 30.5882352941%);
  transform: translate(0, 30.5882352941%);
  line-height: 1; }

/*--------------------------------------------------------------------------
	js効果
---------------------------------------------------------------------------*/
.scroll_in {
  display: none; }

.tran {
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out; }

.fadein {
  opacity: 0; }
  .fadein.scroll_active {
    opacity: 1; }

.fadeout {
  opacity: 1; }
  .fadeout.scroll_active {
    opacity: 0; }

.fadeTop {
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px); }
  .fadeTop.scroll_active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }

/*PC
----------------------*/
@media print, screen and (min-width: 769px) {
  .sp {
    display: none; }

  a img {
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  a:hover img {
    opacity: 0.7;
    text-decoration: underline; } }
/*SP
----------------------*/
@media screen and (max-width: 768px) {
  .pc {
    display: none; } }