@charset "UTF-8";

body{
    /*↓この2行はブラウザの内側の隙間をなくす魔法の呪文*/
    margin: 0;
    padding: 0;
    /*ページ全体の書体を設定（なくてもOK）*/
	
	/*ページ全体の文字サイズの設定（なくてもOK）*/
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;

	
}
.box {
  /* 方眼紙模様に必須のスタイル */
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 18px 18px;
  background-repeat: repeat;
  background-position: center center;

  /* 以下任意のスタイル */
  padding: 20px;
}

/* アニメーション前 */
.u-fade-type-up{
    transform: translateY(50px);
    opacity: 0;
}

/* トリガー発火でis-activeを付与 */
.u-fade-type-up.is-active{
    transition: .9s;
    transform: translateY(0);
    opacity: 1;
}

.topmodoru{
	margin-top: 0px;
    margin-left: -6px;
}
.tooltitle{
	margin-top: -5px;
    margin-left: 6px;
}
.macbook{
	margin-top: 30px;
    margin-right: 0px;
    margin-left: 18px;
}
.gakuseisho{
	margin-right: 0px;
    margin-left: 18px;
}
.cutter{
	margin-top: 33px;
    margin-right: 0px;
    margin-left: 18px;
}
.bag{
	margin-top: 7px;
    margin-left: 12px;
}
.memo{
	margin-top: 33px;
    margin-right: 0px;
    margin-left: 18px;
}
.enogu{
	margin-top: 33px;
    margin-right: 0px;
    margin-left: 18px;
}
.harepane{
	margin-top: -70px;
    margin-right: 0px;
    margin-left: 25px;
}
.enpitsu{
	margin-top: -10px;
    margin-right: 0px;
    margin-left: 43px;
}
.camera{
	margin-top: -52px;
    margin-right: 0px;
    margin-left: 27px;
}
.footertopmodoru{
    margin-top: 60px;
    margin-right: 0px;
    margin-left: 110px;
    margin-bottom: 50px;
}