@charset "UTF-8";

body{
	margin: 0;
	padding: 0;
   	
}



#fixed-header {
    position: fixed;
    top: -70px;
    width: 100%;
    height: 70px;
    line-height: 70px;
    font-size: xx-large;
    font-family: "Nico Moji";
    text-align: left;
    color: #fff;
    background: black;
    box-sizing: border-box;
    transition: .5s;
}
#fixed-header.is-show {
  top: 0;
}







.back{overflow: hidden;
	background-image:url("images/back.svg");
	height: 4198px;
	width: 390px;
	background-repeat: no-repeat;
	
}

.titlle{
    padding-top: 0px;
    margin-top: 232px;
    margin-left: 20px;
}

.osiete{
    margin-top: -297px;
	
  }



@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


.sidematope{
    margin-left: 50px;
    margin-top: -18px;
	animation-name:fadeInAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}

p.sabtitlle{
    margin-left: 76px;
    margin-top: 10px;
    font-size: small;
	font-family: "M PLUS Rounded 1c"; 
	animation-name:fadeInAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}


p.scroll{
    font-family: "Nico Moji";
    font-size: large;
    margin-left: 222px;
    margin-top: -77px;
	animation-name:fadeInAnime;
animation-duration:4s;
animation-fill-mode:forwards;
opacity:0;
}


.yazirusi{
    padding-top: 203px;
    padding-left: 191px;
    margin-top: -67px;
	animation-name:fadeInAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}


h1.視覚デザイン学科{
    margin-top: 370px;
    margin-left: 14px;
    color: #FFFFFF;
    font-family: "M PLUS Rounded 1c";
    font-size: xx-large;
}

h1.tenani{
    margin-top: 21px;
    margin-left: 14px;
    color: #FFFFFF;
    font-family: "M PLUS Rounded 1c";
    font-size: xx-large;
}


.説明文{
    margin-top: 140px;
    margin-left: 25px;
    font-family: "M PLUS Rounded 1c";
    font-size: large;	
}






.whosesidematopee{
    margin-top: 264px;
    margin-left: 25px;
    color: #FFFFFF;
    font-family: "M PLUS Rounded 1c";
    font-size: x-large;
}

h1.sidematopee{
    margin-top: -44px;
}




p.tap{
    font-family: "Nico Moji";
    font-size: large;
    position: relative;
    left: 256px;
    top: 16px;
}

.ムギュムギュ{
    margin-top: -93px;
}
.mugyumugyu{
    margin-top: 80px;
}


.ムギュ{
    margin-top: -165px;
    margin-left: 75px;
}


.hinhin{
    margin-top: 63px;
    margin-left: 118px;
}


.ひん{
    margin-top: -129px;
    margin-left: 176px;
}


p.tap2{
    font-family: "Nico Moji";
    font-size: large;
    position: absolute;
    padding-top: 69px;
    left: 26px;
}

.jarajara{
    margin-top: 75px;
}


.じゃら{
    margin-top: -193px;
    margin-left: 68px;
}

.じゃら2{
    margin-left: 116px;
    margin-top: -25px;
}

.ショクショク{
    margin-top: -27px;
}
.syokusyoku{
    margin-top: 75px;
    margin-left: 111px;
}


.ショク{
    margin-top: -104px;
    margin-left: 155px;
}


.giragira{
    margin-top: 46px;
    margin-left: -10px;
}


.ギラ{
    margin-top: -159px;
    margin-left: 55px;
}


.watawata{
    margin-top: 75px;
    margin-left: 123px;
}

p.tap3{
    font-family: "Nico Moji";
    font-size: large;
    position: absolute;
    padding-top: 33px;
    left: 270px;
}


.ワタ{
    margin-top: -212px;
    margin-left: 176px;
}

.ワタ2{
    margin-top: 5px;
    margin-left: 200px;
}


p.more{
    margin-top: 130px;
    margin-left: 187px;
    font-family: "Nico Moji";
    font-size: x-large;
}

.右矢印{
    margin-left: 280px;
    margin-top: -45px;
}


h2{
    margin-top: 130px;
    margin-left: 97px;
    font-family: "M PLUS Rounded 1c";
    font-size: x-large;
}


.bikkuri{
    margin-top: 64px;
    margin-left: 43px;
}


.siryouseikyuu{
    margin-left: 100px;
    margin-top: -30px;
}

.tyouhoukei{
    margin-top: -120px;
    margin-left: 112px;
}


.資料請求してみる{
    margin-top: -88px;
    margin-left: 153px;
    font-family: "M PLUS Rounded 1c";
    font-size: large;
}

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

p.sitemiru{
    margin-top: -15px;
}


.tyouhoukei2{
    margin-top: 155px;
    margin-left: 95px;
}


p.公式サイトへ{
    color: #FFFFFF;
    margin-top: -44px;
    margin-left: 50px;
    font-family: "M PLUS Rounded 1c";
}

.hudder{
    margin-top: 168px;
}

.公立大学法人長岡造形大学{
    margin-top: 163px;
    margin-left: 94px;
}


p.sns{
    color: #FFFFFF;
    margin-top: 35px;
    margin-left: 175px;
    font-size: large;
    font-family: "M PLUS Rounded 1c";
}


.sen{
    margin-top: -30px;
    margin-left: 142px;
}


.snstati {
    display: flex;
    justify-content: center;
    margin-left: 40px;
}

a:hover  {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  
}


.facebook{
    margin-left: -46px;
    margin-top: 5px;
}


.twitter{
    margin-left: 16px;
    margin-top: 7px;
}


.youtube{
    margin-top: 12px;
    margin-left: 20px;
}


p.nid{
    color: #FFFFFF;
    margin-top: 30px;
    margin-left: 120px;
    font-family: "M PLUS Rounded 1c";
    font-size: x-small;
}


.animation{
	opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0); 
    transform: translate3d(0, 50%, 0);
    -webkit-transition: all 1s ease; 
    transition: all 1s ease;
}
 
.animation.active{
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0); 
    transform: translate3d(0, 0, 0);
}


.pururunanimation{
  animation: poyoyon2 1s ease-in-out 1 forwards;
}
 
@keyframes poyoyon2 {
  0%  {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(0.98, 0.9) translate(0, 5px);
  }
  30% {
    transform: scale(1.02, 1.0) translate(0, 8px);
  }
  50% {transform: scale(0.98, 1.05) translate(0, -8px);
  }
  70% {
    transform: scale(1.0, 0.9) translate(0, 5px);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}