@charset "UTF-8";
.visual {
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 800px) {
    .visual {
      border-radius: 6px;
      z-index: 10; } }
  .visual .visual__item {
    position: absolute;
    top: 0;
    left: 0; }
    .visual .visual__item .visual__logo {
      position: absolute;
      right: 0;
      bottom: 0; }
    .visual .visual__item.active {
      -webkit-animation: visual-fadein-opacity 1s ease-out 0s alternate forwards;
      -moz-animation: visual-fadein-opacity 1s ease-out 0s alternate forwards;
      animation: visual-fadein-opacity 1s ease-out 0s alternate forwards; }
      .visual .visual__item.active .visual__img {
        -webkit-animation: visual-fadein-transform 5.5s linear 0s alternate forwards;
        -moz-animation: visual-fadein-transform 5.5s linear 0s alternate forwards;
        animation: visual-fadein-transform 5.5s linear 0s alternate forwards; }

@-webkit-keyframes visual-fadein-opacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes visual-fadein-opacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes visual-fadein-opacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes visual-fadein-transform {
  0% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(1.05); } }

@-moz-keyframes visual-fadein-transform {
  0% {
    -moz-transform: scale(1); }
  100% {
    -moz-transform: scale(1.05); } }

@keyframes visual-fadein-transform {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); } }

@media screen and (max-width: 799px) {
  .contentBox .mainBox {
    margin: 0;
    padding: 0;
    background-color: #fff; } }

.mainBox__catch {
  background: url("../img/head/head_bg.png") center top repeat; }
  .mainBox__catch .mainBox__catch__main {
    padding: 10px 0; }
  .mainBox__catch .mainBox__catch__sub {
    margin: 0 auto 10px auto; }

/*
// 600以下
@media screen and (max-width:$mediaMinWidth - 1) {
	.contentBox{
		.mainBox{
			margin: 0;
		}
		.sideBox{
//			margin-top: -110px;
		}
	}
}

// 600px以上
@media screen and (min-width:$mediaMinWidth ) {
	.contentBox-sideLeft{
		.mainBox{
			float: right;
			width: 100%;
			margin-left: -360px;

		}
		.mainBox-inner{
			margin-left: 360px;
			min-width: 1020px - 360;
		}
	}
}
*/
/*
#mainvisual{
	#visual{
		width: 100%;
		height: auto;
	}
}
*/