@charset "utf-8";
/*
Theme Name: katasejima.com
Description: original
Version: 1
Author: katasejima.com
Author URI: katasejima.com
*/

/*--------------------- 全デバイス共通 ---------------------*/

html,body {
	width: 100%;
	height:100%;
	margin: 0;
	padding: 0;
	font-family: "museo-sans",sans-serif;
	letter-spacing: 0.2em;
	scroll-behavior: smooth;
}
 
.backimage {
	font-weight: 200;


}

.nobackimage {
	font-weight: 200;
}

h1	{
	width:100%;
	text-align: left;
	font-size: 12px;
	font-weight: 200;
	color: #FFFFFF;
	line-height: 20px;
}

.page-title{
	padding-top: 20px;
	width:100%;
	text-align: left;
	font-size: 15px;
	color: #777;
}

a	{
	color: #7bc9b5;
}

/*---- ローディングアニメーション ---*/

#mainSite {
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
}

/*- Loading animation -*/

.anime {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	width: 100%;
	background-color: #fff;
	position: relative;
	-webkit-transition: all 1.5s ease;
			transition: all 1.5s ease;
}

.anime.loaded{
	opacity:0;
	visibility:hidden;
	pointer-events:none;
}

.loading-anime {
	display: block;
	top: 40vh;
	width: 60px;
	position: relative;
	margin: 0 auto;
	text-align: center;
}

.shirasu {
	width: 60px;
	animation: shirasu-move;
	display: inline-block;
	align-items: center;
	justify-content: center;
}

.shirasu img {
	padding: 5px 0px;
}

.loading-txt {
	display: block;
	margin-top: 20px;
}

@keyframes shirasu-move {
	0%,
	100% {
		transform: translateX(0);
}
	50% {
		transform: translateX(20px);
	}
}

.shirasu div {
	--delay: 0s;
	animation: shirasu-move 1s var(--delay) infinite ease-in;
}


/*----------- 改行 -----------*/

.u-sp-view {
	display: none!important;
	box-sizing: border-box;
	font-size: 0;
	text-align: center;
}

.u-sp-img {
	display: none!important;
}



/*--------------------- header ---------------------*/

header {
	width:100%;
	height: 48px;
	top: 0;
	left: 0;
	position: relative;
	z-index:10000;
}

.header-transparent {
	width:100%;
	height: 48px;
	top: 0;
	left: 0;
	position: fixed;
	background-color: rgba(255,255,255,0.5);
	z-index:10000;
}

.header-position {
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}

.header-position img {
	width: 220px;
}

.top-logo {
	float: left;
	padding: 20px 35px 0;
}


/*--- Search Box ---*/

.search {
	position: relative;
	top: 115px;
	right: 25px;
	margin-right: 35px;
	float: right;
}

.search-result {
	position: relative;
	margin: 50px 30px;
	float: right;
	display: flex;
}


.search-align {
	text-align: center;
	margin: 50px 0 30px 0;
	font-size: 14px;
	color: #777;
}

.search-box {
	text-align: center;
	display: inline-flex;
}

.search-border {
	width: 235px;
	height: 30px;
	border: solid 1px #7bc9b5;
	border-radius: 3px;
	background: #fff;
}


.s {
	background: #fff;
	width: 200px;
	height: 28px;
	padding: 5px;
}

.searchsubmit {
	background: url('img/search.png');
	background-repeat: no-repeat;
	background-size: 17px;
	width: 17px;
	height: 17px;
	cursor: pointer;
	vertical-align: middle;
}

.searchclear {
	padding-left: 10px;
	cursor: pointer;
}

.search-box .searchclear img {
	width: 28px;
	height: 28px;
}

#searchbox input:focus {
	outline: none;
}



/*---------- グローバルメニュー ----------*/


/*プルダウンの「inputボックス」は非表示*/
#nav-drawer li input,
#pc-menu input {
	display: none;
}

/*初期状態は非表示*/

#nav-content {
	display: none;
}

/*---------- MOBILE ----------*/

#nav-drawer {
	position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
	display:none;
}

/*ハンバーガーアイコン*/

#nav-open {
	position: fixed;
	top: 15px;
	right: 15px;
	z-index: 10;
}

/*ハンバーガー*/
#nav-open span {
	width: 40px;
	height: 40px;
	background: url('img/hamburger.png') no-repeat;
	background-position: 50% 50%;
	background-size: 40px;
	display: block;
	cursor: pointer;
}

/*ホーム*/
#backhome {
	position: fixed;
	top: 65px;
	right: 15px;
	z-index: 10;
}

#backhome img {
	width: 40px;
	height: 40px;
	display: block;
	cursor: pointer;
}

/*メニュー項目の入れ物*/

#nav-content {
	display: block;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;/*最前面に*/
	width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
	max-width: 330px;/*最大幅（調整してください）*/
	height: 100%;
	background: #fff;/*背景色*/
	transition: .2s ease-in-out;/*滑らかに表示*/
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);/*左に隠しておく*/
	margin: 0 auto;
}


/*閉じる用の薄黒カバー*/
#nav-close {
	display: none;/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;/*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}


/*閉じる用のＸボタン*/

.header-position .btn-align {
	text-align: center;
	margin: 50px 0 30px 0;
	font-size: 14px;
	color: #777;
}

.header-position .btn-align img {
	display: inline-block;
	width: 20%;
}

.header-position .btn-align label div {
	display: inline-block;
	margin: 50px auto;
}

#nav-close-btn {
	display: inline-block;
	z-index: 100;/*最前面に*/
	width: 70px;
	height: 70px;
	border: solid 1px #7bc9b5;
	border-radius: 3px;
	content: '';
	cursor: pointer;
}

#nav-close-btn span:before {
	margin-top: 35px;
	border-top: solid 1px #7bc9b5;
	display: block;
	content: '';
	cursor: pointer;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}

#nav-close-btn span:after {
	border-top: solid 1px #7bc9b5;
	display: block;
	content: '';
	cursor: pointer;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
}


/* プルダウンメニューの中身 */

#mb-menu {
	float: right;
	margin-right: 10px;
	padding-right: 20px;
}

#mb-menu li {
	position: relative;
	min-width: 200PX;
	white-space: nowrap;
	color: #777;
	margin-left: -7px;
	border-bottom: 1px solid #fff;
}

#mb-menu li a {
	display: block;
	color: #777;
}


#mb-menu li img {
	width: 16px;
	height: 16px;
	margin-right: 10px;
	vertical-align: middle;
}


#mb-menu > li {
	float: left;
	margin: 0 3px;
	padding: 0 7px;
	line-height: 50px;
	font-size: 11px;
}


#mb-menu-navibtn {
	display: none;
	cursor: pointer;
	cursor: hand;
}

#mb-menu li {
	height: auto;
	width: 100%;
	padding: 0px 20px;
	border-bottom: 1px solid #DDD;
	white-space: nowrap;
}

#mb-menu > li {
	display: block;
	margin-right: -20px;
}

#mb-menu li a {
	display: block;
}

#mb-menu li:first-child {
	border-top: 1px solid #DDD;
}

#mb-menu li i {
	padding: 0px 6px;
}

#mb-menu li span {
	color: #777;
}

.fa-lg {
	font-size: 2em;
	line-height: .75em;
	vertical-align: middle;
}

/* ドロップダウンメニュー */
#mb-menu li ul {
	position: absolute;
}

/* 子メニュー */
#mb-menu > li > ul li {
	font-size: 11px;
	display: none;
	padding: 0px 20px 0px 27px;
	background-color: #ccc;
}

#mb-menu li ul li:first-child {
	border-top: 1px solid #fff;
}

#mb-menu li ul li ul {
	top: -1px;
	left: 100%;
}

#mb-menu li ul li ul li ul,
#mb-menu li:nth-child(n+3) ul li ul {
	left: inherit;
	right: 100%;
}

#mb-menu > li > ul {
	width: auto;
}

#mb-menu-navibtn:checked ~ * #mb-menu {
	display: block;
}

#mb-menu-navibtn:checked ~ * #mb-menu > li {
	max-height: inherit;
	overflow-y: visible;
}

#mb-menu > li ul {
	line-height: 50px;
}

#mb-menu > li > label:hover {
	cursor: pointer;
	cursor: hand;
}

#mb-menu li ul {
	position: static;
}

/* 子メニュー */
#mb-menu > li > ul {
	margin-left: initial;
	position: relative;
}

#mb-menu li ul li:first-child {
	border-top: 1px solid #DDD;
}

#mb-menu ul li:last-child {
	border-bottom: none;
}

#mb-menu > li > ul li {
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 0px 0px 0px 55px;
	background-color: #fff;
}

#mb-menu > li > ul li > label:hover {
	cursor: pointer;
	cursor: hand;
}

#mb-menu > li > ul .menu-grandchild li  {
	padding: 0px 0px 0px 25px;
}

#mb-menu li ul li ul {
	top: inherit;
	left: 0;
}

#mb-menu li ul li:last-child {
	border-bottom: none;
}

/* 子メニューがクリックされた時 */
#mb-menu input[type="checkbox"]:checked ~ label ~ ul > li {
	max-height: inherit;
	overflow-y: visible;
	display: block;
}

.toggle-color {
	color: #7bc9b5
}

.angletoggle:before {
	content: url(img/toggle_down.png);
	display: inline-block;
	vertical-align: baseline;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	margin-left: -2px;
}

#mb-menu input[type="checkbox"]:checked ~ label .pd .angletoggle:before {
	content: url(img/toggle_up.png);
	display: inline-block;
	vertical-align: baseline;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	margin-left: -2px;
}


/*チェックが入ったらもろもろ表示*/

#nav-input:checked ~ #nav-close {
	display: block;/*カバーを表示*/
	opacity: .5;
}

#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);/*中身を表示（右へスライド）*/
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
	display: block;
}

#nav-input:checked ~ #mb-menu {
	display: block;
}

#nav-input:checked ~ #nav-close-btn {
	display: inline-block;
}


/*チェックが入ったらシラスメニューは非表示*/

#nav-input:checked ~ #nav-open {
	display: none!important;
}

#nav-input:checked ~ #backhome {
	display: none!important;
}


/*---------- PC ----------*/

#pc-menu {
	position: fixed;
	top: 0px;
	right: 15px;
	z-index: 10;
	margin-right: 35px;
}

#pc-menu li {
	position: relative;
	white-space: nowrap;
	color: #777;
	margin-left: -7px;
}

#pc-menu li a {
	display: block;
	color: #777;
}

#pc-menu li img {
	width: 16px;
	height: 16px;
	margin-right: 10px;
	vertical-align: middle;
}

#pc-menu > li {
	float: left;
	margin: 2px 3px;
	padding: 0 7px;
	line-height: 45px;
	font-size: 11px;
}

#pc-menu-navibtn {
	display: none;
	cursor: pointer;
	cursor: hand;
}


/* ドロップダウンメニュー */
#pc-menu li ul {
	position: absolute;
}

/* 子メニュー */
#pc-menu > li > ul li {
	font-size: 11px;
	display: none;
	padding: 0px 20px 0px 27px;
	background-color: #ccc;
	border-bottom: 1px solid #fff;
}

#pc-menu li ul li:first-child {
	border-top: 1px solid #fff;
}

#pc-menu li ul li ul {
	top: -1px;
	left: 100%;
}

#pc-menu li ul li ul li ul,
#pc-menu li:nth-child(n+3) ul li ul {
	left: inherit;
	right: 100%;
}

#pc-menu > li > ul {
	width: auto;
}

#pc-menu li:hover {
	background: #EEE;
}

#pc-menu > li:hover > ul > li,
#pc-menu li ul li:hover > ul > li {
	display: block;
}

/* 階層がある場合の誘導の印 */
#pc-menu li ul li ul:before,
#pc-menu li ul li ul li ul:before,
#pc-menu li:nth-child(n+3) ul li ul:before {
	position: absolute;
	top: 20px;
	content: "";
	border: 5px solid transparent;
	display: block;
}

/* 通常タイプ */
#pc-menu li ul li ul:before {
	left: -10px;
	border-left-color: #666;
}

/* 右側タイプ */
#pc-menu li ul li ul li ul:before,
#pc-menu li:nth-child(n+3) ul li ul:before {
	right: -10px;
	border-right-color: #666;
}









.img-post-text {
	top: 100%;
	color: #333;
}




/* Instagram & Mail */

#instagram {
	position: fixed;
	bottom: 65px;
	left: 15px;
	z-index: 10;
}

#instagram img {
	width: 25px;
	height: 25px;
	display: block;
	cursor: pointer;
}

#mail {
	position: fixed;
	bottom: 15px;
	left: 15px;
	z-index: 10;
}

#mail img {
	width: 25px;
	height: 25px;
	display: block;
	cursor: pointer;
}


/* ページトップに戻る */

.scroll-top {
	height: 150px;
	margin: -105px auto 0 auto;
	text-align: center;
	background: #fff;
}

.scroll-top img {
	margin-top: 50px;
}

.scroll-top-portfolio {
	background: #e4ebe7;
}

.scroll-topup {
	margin: -110px 10px 0px auto;
	text-align: center;
}

/*--------------------- top ---------------------*/

#top-front,
#top-flow,
#top-price,
#top-portfolio,
#top-contact {
	top: -48px;
	position: relative;
	width: 100%;
	height: 1000px;
}

#top-nomenu {
	top: -48px;
	position: relative;
	width: 100%;
	height: auto;
	min-height: 700px;
	background-color: #e4ebe7;
}

#top-front	{
	background: #e4ebe7;
	background-repeat: no-repeat;
	background-position: 50% 25%;
	background-size: 500px;
	background-image: url('img/front.png');
}

#top-flow	{
	background: rgba(218, 227, 232, 0.5);
	background-repeat: no-repeat;
	background-position: 50% 25%;
	background-size: 500px;
	background-image: url('img/flow.png');
}

#top-price	{
	background: #465D6D;
	background-repeat: no-repeat;
	background-position: 50% 25%;
	background-size: 500px;
	background-image: url('img/price.png');
}

#top-portfolio	{
	background: rgba(255, 255, 255, 0.5);
	background-repeat: no-repeat;
	background-position: 50% 25%;
	background-size: 500px;
	background-image: url('img/portfolio.png');
}

#top-contact	{
	background: rgba(218, 232, 224, 0.8);
	background-repeat: no-repeat;
	background-position: 50% 25%;
	background-size: 500px;
	background-image: url('img/contact.png');
}


#top-background	{
	position:relative;
	width: 100%;
	height: 100vh;

}

.top-backgroundimg {
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
}

.top-backgroundimg img {
	width: 85%;
}

/*---------------- top animation ----------------*/

/*---------- Wave(front-page) -----------*/

.editorial {
  display: block;
  width: 100%;
  height: 60px;
  max-height: 60px;
  top: 835px;
  z-index:0;
  position:absolute;
  left:0px;
  float:left;
}

.parallax1 > use {
  animation: move-forever1 10s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
.parallax2 > use {
  animation: move-forever2 8s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
.parallax3 > use {
  animation: move-forever3 6s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
.parallax4 > use {
  animation: move-forever4 4s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}
@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}
@keyframes move-forever3 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}
@keyframes move-forever4 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}


/*---------- constellation(page-flow) -----------*/

.bg {
  animation:slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #fff 50%, #86B2BC 50%);
  bottom:0;
  left:-50%;
  opacity:.5;
  position:fixed;
  right:-50%;
  top:0;
  opacity: 0.5;
  z-index: -1;
}

.bg2 {
  animation-direction:alternate-reverse;
  animation-duration:4s;
}

.bg3 {
  animation-duration:5s;
}

.content {
  background-color:rgba(255,255,255,.8);
  border-radius:.25em;
  box-shadow:0 0 .25em rgba(0,0,0,.25);
  box-sizing:border-box;
  left:50%;
  padding:10vmin;
  position:fixed;
  text-align:center;
  top:50%;
  transform:translate(-50%, -50%);
}

@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}


/*---------- constellation(page-price) -----------*/

#stars {
  width: 1px;
  height: 1px;
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  box-shadow: 1940px 1691px #FFF , 1852px 39px #FFF , 965px 435px #FFF , 1032px 1665px #FFF , 1254px 1363px #FFF , 352px 1338px #FFF , 1971px 117px #FFF , 780px 831px #FFF , 1087px 60px #FFF , 241px 975px #FFF , 417px 961px #FFF , 1352px 1273px #FFF , 1057px 927px #FFF , 1863px 483px #FFF , 337px 1484px #FFF , 205px 585px #FFF , 1403px 870px #FFF , 1059px 813px #FFF , 642px 849px #FFF , 356px 1594px #FFF , 436px 985px #FFF , 874px 81px #FFF , 172px 1732px #FFF , 830px 36px #FFF , 861px 24px #FFF , 1075px 362px #FFF , 1284px 298px #FFF , 257px 986px #FFF , 22px 1484px #FFF , 1276px 1613px #FFF , 955px 20px #FFF , 939px 54px #FFF , 1443px 1979px #FFF , 21px 1745px #FFF , 1676px 95px #FFF , 1995px 612px #FFF , 1738px 1601px #FFF , 1266px 23px #FFF , 1798px 405px #FFF , 1463px 1623px #FFF , 1734px 1327px #FFF , 1571px 1170px #FFF , 1921px 95px #FFF , 359px 7px #FFF , 888px 1772px #FFF , 439px 143px #FFF , 95px 365px #FFF , 1613px 870px #FFF , 1532px 1897px #FFF , 560px 625px #FFF , 2px 183px #FFF , 301px 311px #FFF , 1201px 1880px #FFF , 945px 666px #FFF , 894px 1534px #FFF , 1898px 1895px #FFF , 554px 714px #FFF , 531px 1121px #FFF , 1955px 1872px #FFF , 1172px 1311px #FFF , 1230px 1969px #FFF , 250px 320px #FFF , 1853px 780px #FFF , 653px 741px #FFF , 124px 849px #FFF , 1822px 853px #FFF , 660px 980px #FFF , 723px 1307px #FFF , 985px 1554px #FFF , 1370px 20px #FFF , 1611px 1687px #FFF , 1976px 1616px #FFF , 152px 1636px #FFF , 1473px 550px #FFF , 859px 349px #FFF , 1679px 1521px #FFF , 1514px 388px #FFF , 903px 1352px #FFF , 1877px 1941px #FFF , 1434px 380px #FFF , 7px 1649px #FFF , 1746px 664px #FFF , 1738px 982px #FFF , 1210px 1787px #FFF , 1918px 774px #FFF , 1155px 1301px #FFF , 1659px 157px #FFF , 708px 514px #FFF , 872px 1575px #FFF , 161px 224px #FFF , 785px 425px #FFF , 519px 698px #FFF , 666px 943px #FFF , 1530px 1754px #FFF , 1615px 18px #FFF , 962px 1526px #FFF , 1950px 1166px #FFF , 1964px 1292px #FFF , 1717px 465px #FFF , 796px 158px #FFF , 889px 968px #FFF , 389px 1807px #FFF , 618px 890px #FFF , 1634px 107px #FFF , 497px 270px #FFF , 233px 609px #FFF , 10px 475px #FFF , 923px 716px #FFF , 1827px 904px #FFF , 278px 7px #FFF , 1221px 491px #FFF , 182px 688px #FFF , 477px 1131px #FFF , 619px 1882px #FFF , 398px 1536px #FFF , 1809px 76px #FFF , 323px 1231px #FFF , 435px 1491px #FFF , 1557px 226px #FFF , 628px 57px #FFF , 1813px 1965px #FFF , 768px 325px #FFF , 909px 761px #FFF , 12px 1343px #FFF , 486px 1991px #FFF , 555px 101px #FFF , 585px 464px #FFF , 1075px 569px #FFF , 514px 1175px #FFF , 1403px 1215px #FFF , 700px 1676px #FFF , 536px 1179px #FFF , 1766px 1634px #FFF , 466px 1418px #FFF , 831px 511px #FFF , 1135px 1895px #FFF , 1661px 83px #FFF , 1395px 1945px #FFF , 346px 1554px #FFF , 374px 1940px #FFF , 1985px 220px #FFF , 456px 663px #FFF , 378px 1090px #FFF , 1647px 951px #FFF , 1131px 45px #FFF , 651px 1473px #FFF , 1938px 509px #FFF , 693px 1970px #FFF , 515px 1545px #FFF , 656px 1589px #FFF , 1525px 1457px #FFF , 717px 1831px #FFF , 1297px 49px #FFF , 1702px 44px #FFF , 1576px 505px #FFF , 1485px 144px #FFF , 1005px 1244px #FFF , 1685px 265px #FFF , 1267px 859px #FFF , 585px 322px #FFF , 1780px 1061px #FFF , 31px 1205px #FFF , 101px 1969px #FFF , 1433px 1767px #FFF , 1389px 1041px #FFF , 634px 1414px #FFF , 972px 1679px #FFF , 606px 529px #FFF , 73px 1269px #FFF , 245px 869px #FFF , 1950px 690px #FFF , 221px 101px #FFF , 1280px 3px #FFF , 1866px 1305px #FFF , 1255px 1213px #FFF , 410px 1757px #FFF , 1900px 1928px #FFF , 1312px 1854px #FFF , 442px 786px #FFF , 500px 110px #FFF , 571px 1044px #FFF , 1803px 1815px #FFF , 206px 83px #FFF , 125px 304px #FFF , 1425px 1782px #FFF , 1199px 1877px #FFF , 1959px 732px #FFF , 65px 734px #FFF , 153px 1344px #FFF , 1071px 1626px #FFF , 950px 1964px #FFF , 1097px 1006px #FFF , 1015px 147px #FFF , 1277px 1874px #FFF , 963px 1633px #FFF , 1538px 1474px #FFF , 501px 675px #FFF , 1385px 943px #FFF , 1428px 468px #FFF , 1922px 1349px #FFF , 494px 1277px #FFF , 963px 144px #FFF , 634px 1346px #FFF , 1569px 926px #FFF , 251px 1337px #FFF , 1498px 474px #FFF , 1583px 1154px #FFF , 528px 1245px #FFF , 638px 522px #FFF , 1131px 1278px #FFF , 1853px 1157px #FFF , 1475px 1512px #FFF , 1136px 916px #FFF , 831px 601px #FFF , 1418px 222px #FFF , 1755px 1056px #FFF , 1055px 1936px #FFF , 502px 633px #FFF , 809px 1926px #FFF , 104px 455px #FFF , 575px 683px #FFF , 1032px 129px #FFF , 365px 344px #FFF , 1978px 111px #FFF , 425px 89px #FFF , 1799px 1358px #FFF , 834px 1203px #FFF , 1049px 141px #FFF , 487px 1558px #FFF , 91px 622px #FFF , 1499px 633px #FFF , 218px 96px #FFF , 1725px 1691px #FFF , 972px 1586px #FFF , 1989px 170px #FFF , 550px 1127px #FFF , 70px 1954px #FFF , 1750px 1501px #FFF , 1860px 243px #FFF , 1360px 1427px #FFF , 1660px 520px #FFF , 1386px 1375px #FFF , 388px 226px #FFF , 1827px 484px #FFF , 1916px 1102px #FFF , 413px 1719px #FFF , 1253px 555px #FFF , 1698px 219px #FFF , 1274px 1085px #FFF , 118px 1217px #FFF , 1935px 255px #FFF , 964px 1926px #FFF , 1989px 1943px #FFF , 1849px 1441px #FFF , 1776px 832px #FFF , 1721px 1028px #FFF , 217px 1039px #FFF , 1595px 1677px #FFF , 1014px 638px #FFF , 996px 1676px #FFF , 110px 758px #FFF , 1394px 810px #FFF , 186px 257px #FFF , 461px 917px #FFF , 1988px 293px #FFF , 954px 267px #FFF , 802px 640px #FFF , 1576px 1249px #FFF , 830px 502px #FFF , 1581px 1158px #FFF , 1686px 589px #FFF , 1068px 1578px #FFF , 939px 1531px #FFF , 679px 181px #FFF , 75px 728px #FFF , 950px 242px #FFF , 774px 375px #FFF , 891px 83px #FFF , 1504px 318px #FFF , 179px 212px #FFF , 916px 623px #FFF , 290px 716px #FFF , 1662px 262px #FFF , 212px 674px #FFF , 1105px 516px #FFF , 319px 1339px #FFF , 1272px 1120px #FFF , 722px 1669px #FFF , 1957px 1974px #FFF , 391px 1941px #FFF , 1161px 1494px #FFF , 138px 676px #FFF , 630px 772px #FFF , 718px 1324px #FFF , 1614px 63px #FFF , 1178px 1305px #FFF , 1482px 1125px #FFF , 304px 1810px #FFF , 1909px 545px #FFF , 1841px 1609px #FFF , 243px 1612px #FFF , 361px 422px #FFF , 872px 1695px #FFF , 1012px 794px #FFF , 940px 1070px #FFF , 592px 649px #FFF , 1916px 1370px #FFF , 142px 556px #FFF , 1161px 924px #FFF , 981px 1916px #FFF , 1160px 25px #FFF , 169px 901px #FFF , 1299px 914px #FFF , 1336px 717px #FFF , 1253px 691px #FFF , 405px 618px #FFF , 906px 440px #FFF , 431px 1083px #FFF , 867px 310px #FFF , 561px 195px #FFF , 1478px 1099px #FFF , 322px 802px #FFF , 699px 1012px #FFF , 219px 239px #FFF , 811px 1698px #FFF , 1474px 1981px #FFF , 1070px 451px #FFF , 834px 356px #FFF , 1665px 1072px #FFF , 1503px 247px #FFF , 1798px 1145px #FFF , 1378px 1956px #FFF , 1342px 1891px #FFF , 342px 1827px #FFF , 688px 298px #FFF , 418px 1727px #FFF , 1670px 132px #FFF , 282px 297px #FFF , 1912px 30px #FFF , 1560px 1405px #FFF , 1805px 1154px #FFF , 1445px 192px #FFF , 409px 1528px #FFF , 688px 1010px #FFF , 748px 268px #FFF , 923px 1560px #FFF , 1965px 43px #FFF , 317px 1710px #FFF , 336px 439px #FFF , 1567px 1883px #FFF , 1646px 982px #FFF , 385px 1532px #FFF , 962px 739px #FFF , 521px 1763px #FFF , 449px 1839px #FFF , 1031px 850px #FFF , 1151px 1963px #FFF , 878px 1583px #FFF , 1582px 267px #FFF , 1385px 507px #FFF , 1421px 961px #FFF , 1618px 913px #FFF , 661px 578px #FFF , 273px 301px #FFF , 679px 832px #FFF , 310px 1030px #FFF , 616px 466px #FFF , 1141px 1733px #FFF , 1194px 1720px #FFF , 1414px 892px #FFF , 113px 1646px #FFF , 1303px 811px #FFF , 220px 67px #FFF , 1322px 1915px #FFF , 190px 1138px #FFF , 1241px 821px #FFF , 1759px 319px #FFF , 325px 1135px #FFF , 862px 137px #FFF , 837px 1837px #FFF , 1513px 363px #FFF , 1438px 151px #FFF , 913px 1076px #FFF , 1137px 1750px #FFF , 1213px 1873px #FFF , 552px 259px #FFF , 1734px 1105px #FFF , 1126px 780px #FFF , 30px 966px #FFF , 608px 467px #FFF , 1995px 403px #FFF , 612px 1890px #FFF , 1505px 1184px #FFF , 1709px 1779px #FFF , 1202px 1295px #FFF , 97px 1311px #FFF , 1647px 1912px #FFF , 139px 1041px #FFF , 1737px 326px #FFF , 1049px 1163px #FFF , 1995px 226px #FFF , 210px 1011px #FFF , 886px 1703px #FFF , 47px 1706px #FFF , 1889px 1135px #FFF , 267px 1514px #FFF , 438px 206px #FFF , 555px 1260px #FFF , 567px 1460px #FFF , 7px 84px #FFF , 734px 617px #FFF , 498px 1520px #FFF , 1497px 1512px #FFF , 1906px 4px #FFF , 279px 228px #FFF , 524px 1822px #FFF , 1674px 693px #FFF , 1307px 875px #FFF , 1247px 1506px #FFF , 1117px 428px #FFF , 1568px 1548px #FFF , 251px 511px #FFF , 123px 1854px #FFF , 1099px 1671px #FFF , 201px 1126px #FFF , 871px 1021px #FFF , 170px 783px #FFF , 493px 687px #FFF , 343px 90px #FFF , 1523px 1813px #FFF , 381px 1052px #FFF , 285px 1547px #FFF , 1244px 1665px #FFF , 557px 746px #FFF , 1437px 178px #FFF , 1407px 1480px #FFF , 1063px 298px #FFF , 407px 1419px #FFF , 1975px 203px #FFF , 267px 259px #FFF , 1920px 1900px #FFF , 1675px 1361px #FFF , 1373px 662px #FFF , 1063px 1535px #FFF , 1885px 37px #FFF , 1502px 1707px #FFF , 464px 170px #FFF , 880px 730px #FFF , 1383px 1349px #FFF , 1031px 635px #FFF , 694px 391px #FFF , 206px 1016px #FFF , 524px 1905px #FFF , 604px 160px #FFF , 1457px 1821px #FFF , 1842px 1842px #FFF , 465px 642px #FFF , 1222px 1456px #FFF , 184px 1707px #FFF , 490px 525px #FFF , 707px 1878px #FFF , 1968px 1805px #FFF , 1659px 168px #FFF , 1838px 1544px #FFF , 37px 1559px #FFF , 612px 1693px #FFF , 1205px 1797px #FFF , 867px 1638px #FFF , 996px 957px #FFF , 730px 534px #FFF , 683px 581px #FFF , 1112px 1187px #FFF , 1611px 27px #FFF , 1890px 655px #FFF , 271px 540px #FFF , 687px 1430px #FFF , 1156px 1577px #FFF , 441px 1242px #FFF , 1138px 201px #FFF , 874px 1502px #FFF , 1186px 622px #FFF , 1890px 334px #FFF , 1833px 1575px #FFF , 777px 1668px #FFF , 476px 331px #FFF , 117px 1147px #FFF , 475px 1881px #FFF , 967px 474px #FFF , 1739px 839px #FFF , 1662px 1774px #FFF , 236px 397px #FFF , 1128px 1618px #FFF , 1762px 1759px #FFF , 223px 1818px #FFF , 1813px 1763px #FFF , 1548px 1851px #FFF , 596px 1096px #FFF , 1950px 1361px #FFF , 230px 981px #FFF , 749px 1635px #FFF , 1857px 1884px #FFF , 1536px 1122px #FFF , 493px 1780px #FFF , 772px 1733px #FFF , 1124px 51px #FFF , 1817px 993px #FFF , 933px 234px #FFF , 1559px 343px #FFF , 713px 1043px #FFF , 1904px 589px #FFF , 1553px 494px #FFF , 1244px 773px #FFF , 1675px 118px #FFF , 1373px 997px #FFF , 49px 1757px #FFF , 1778px 1603px #FFF , 112px 354px #FFF , 997px 599px #FFF , 150px 1035px #FFF , 949px 639px #FFF , 421px 1855px #FFF , 1975px 1578px #FFF , 1095px 361px #FFF , 425px 871px #FFF , 923px 1610px #FFF , 961px 725px #FFF , 1556px 347px #FFF , 625px 471px #FFF , 646px 1863px #FFF , 1763px 1216px #FFF , 192px 1827px #FFF , 1066px 232px #FFF , 532px 1779px #FFF , 238px 949px #FFF , 765px 324px #FFF , 1621px 1061px #FFF , 1382px 708px #FFF , 490px 787px #FFF , 1072px 750px #FFF , 1456px 1255px #FFF , 1075px 1245px #FFF , 733px 1336px #FFF , 767px 1997px #FFF , 652px 560px #FFF , 673px 1634px #FFF , 1691px 1911px #FFF , 1634px 1641px #FFF , 1631px 1196px #FFF , 25px 239px #FFF , 540px 179px #FFF , 119px 1334px #FFF , 120px 433px #FFF , 1820px 471px #FFF , 1483px 1194px #FFF , 1301px 938px #FFF , 1081px 1081px #FFF , 134px 393px #FFF , 1814px 931px #FFF , 731px 269px #FFF , 253px 920px #FFF , 11px 856px #FFF , 1259px 1579px #FFF , 207px 115px #FFF , 772px 156px #FFF , 1562px 723px #FFF , 1394px 1086px #FFF , 1742px 1576px #FFF , 825px 1799px #FFF , 1857px 1856px #FFF , 720px 505px #FFF , 226px 38px #FFF , 271px 1782px #FFF , 912px 1943px #FFF , 9px 1152px #FFF , 1718px 1057px #FFF , 214px 1026px #FFF , 1996px 1113px #FFF , 972px 1532px #FFF , 314px 512px #FFF , 1130px 459px #FFF , 289px 1356px #FFF , 1291px 613px #FFF , 368px 1308px #FFF , 1393px 1660px #FFF , 647px 644px #FFF , 830px 472px #FFF , 719px 1126px #FFF , 823px 524px #FFF , 695px 1171px #FFF , 421px 1073px #FFF , 1158px 656px #FFF , 1877px 1324px #FFF , 1380px 508px #FFF , 43px 1215px #FFF , 1430px 580px #FFF , 1988px 1562px #FFF , 1089px 1381px #FFF , 1593px 1328px #FFF , 985px 1090px #FFF , 244px 1434px #FFF , 1110px 1623px #FFF , 1282px 184px #FFF , 471px 319px #FFF , 831px 464px #FFF , 1261px 1268px #FFF , 1922px 600px #FFF , 1457px 891px #FFF , 552px 917px #FFF , 663px 874px #FFF , 1641px 805px #FFF , 641px 1790px #FFF , 243px 241px #FFF , 1303px 1971px #FFF , 68px 963px #FFF , 931px 1262px #FFF , 1115px 608px #FFF , 817px 1502px #FFF , 483px 1039px #FFF , 487px 1815px #FFF , 1748px 853px #FFF , 1911px 1724px #FFF , 741px 1140px #FFF , 1047px 1947px #FFF , 1064px 1310px #FFF , 868px 1175px #FFF , 1446px 1730px #FFF , 171px 270px #FFF , 1773px 1006px #FFF , 324px 131px #FFF , 769px 531px #FFF , 1602px 1826px #FFF , 862px 1469px #FFF , 1721px 274px #FFF , 1997px 254px #FFF , 102px 122px #FFF , 572px 1741px #FFF , 227px 1283px #FFF , 1327px 113px #FFF , 1380px 1901px #FFF , 850px 1457px #FFF , 591px 1414px #FFF , 1542px 1681px #FFF , 1356px 1205px #FFF , 115px 728px #FFF , 1807px 822px #FFF , 1798px 674px #FFF , 1650px 358px #FFF , 1253px 823px #FFF , 846px 233px #FFF , 749px 1708px #FFF , 267px 940px #FFF , 1781px 377px #FFF , 710px 1037px #FFF , 192px 1654px #FFF , 603px 633px #FFF , 118px 1373px #FFF , 1804px 1071px #FFF , 393px 478px #FFF , 229px 1671px #FFF , 1301px 1797px #FFF , 1477px 22px #FFF , 208px 1586px #FFF , 1495px 1px #FFF , 1400px 1181px #FFF , 1782px 1275px #FFF , 1617px 761px #FFF , 1932px 783px #FFF , 139px 738px #FFF , 53px 863px #FFF , 583px 1875px #FFF , 1964px 1931px #FFF , 1403px 1926px #FFF , 1777px 444px #FFF , 971px 376px #FFF , 1551px 224px #FFF , 1544px 891px #FFF , 585px 887px #FFF , 532px 295px #FFF , 1696px 289px #FFF , 360px 1985px #FFF , 585px 874px #FFF , 1517px 1134px #FFF , 161px 345px #FFF , 994px 1881px #FFF , 1547px 385px #FFF , 1503px 1362px #FFF , 1325px 1875px #FFF , 1083px 166px #FFF , 265px 1869px #FFF , 8px 455px #FFF , 1636px 1188px #FFF , 637px 470px #FFF , 1672px 261px #FFF , 1921px 773px #FFF , 1595px 661px #FFF , 1612px 1317px #FFF , 1970px 1921px #FFF , 1240px 991px #FFF , 742px 740px #FFF , 234px 495px #FFF;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1940px 1691px #FFF , 1852px 39px #FFF , 965px 435px #FFF , 1032px 1665px #FFF , 1254px 1363px #FFF , 352px 1338px #FFF , 1971px 117px #FFF , 780px 831px #FFF , 1087px 60px #FFF , 241px 975px #FFF , 417px 961px #FFF , 1352px 1273px #FFF , 1057px 927px #FFF , 1863px 483px #FFF , 337px 1484px #FFF , 205px 585px #FFF , 1403px 870px #FFF , 1059px 813px #FFF , 642px 849px #FFF , 356px 1594px #FFF , 436px 985px #FFF , 874px 81px #FFF , 172px 1732px #FFF , 830px 36px #FFF , 861px 24px #FFF , 1075px 362px #FFF , 1284px 298px #FFF , 257px 986px #FFF , 22px 1484px #FFF , 1276px 1613px #FFF , 955px 20px #FFF , 939px 54px #FFF , 1443px 1979px #FFF , 21px 1745px #FFF , 1676px 95px #FFF , 1995px 612px #FFF , 1738px 1601px #FFF , 1266px 23px #FFF , 1798px 405px #FFF , 1463px 1623px #FFF , 1734px 1327px #FFF , 1571px 1170px #FFF , 1921px 95px #FFF , 359px 7px #FFF , 888px 1772px #FFF , 439px 143px #FFF , 95px 365px #FFF , 1613px 870px #FFF , 1532px 1897px #FFF , 560px 625px #FFF , 2px 183px #FFF , 301px 311px #FFF , 1201px 1880px #FFF , 945px 666px #FFF , 894px 1534px #FFF , 1898px 1895px #FFF , 554px 714px #FFF , 531px 1121px #FFF , 1955px 1872px #FFF , 1172px 1311px #FFF , 1230px 1969px #FFF , 250px 320px #FFF , 1853px 780px #FFF , 653px 741px #FFF , 124px 849px #FFF , 1822px 853px #FFF , 660px 980px #FFF , 723px 1307px #FFF , 985px 1554px #FFF , 1370px 20px #FFF , 1611px 1687px #FFF , 1976px 1616px #FFF , 152px 1636px #FFF , 1473px 550px #FFF , 859px 349px #FFF , 1679px 1521px #FFF , 1514px 388px #FFF , 903px 1352px #FFF , 1877px 1941px #FFF , 1434px 380px #FFF , 7px 1649px #FFF , 1746px 664px #FFF , 1738px 982px #FFF , 1210px 1787px #FFF , 1918px 774px #FFF , 1155px 1301px #FFF , 1659px 157px #FFF , 708px 514px #FFF , 872px 1575px #FFF , 161px 224px #FFF , 785px 425px #FFF , 519px 698px #FFF , 666px 943px #FFF , 1530px 1754px #FFF , 1615px 18px #FFF , 962px 1526px #FFF , 1950px 1166px #FFF , 1964px 1292px #FFF , 1717px 465px #FFF , 796px 158px #FFF , 889px 968px #FFF , 389px 1807px #FFF , 618px 890px #FFF , 1634px 107px #FFF , 497px 270px #FFF , 233px 609px #FFF , 10px 475px #FFF , 923px 716px #FFF , 1827px 904px #FFF , 278px 7px #FFF , 1221px 491px #FFF , 182px 688px #FFF , 477px 1131px #FFF , 619px 1882px #FFF , 398px 1536px #FFF , 1809px 76px #FFF , 323px 1231px #FFF , 435px 1491px #FFF , 1557px 226px #FFF , 628px 57px #FFF , 1813px 1965px #FFF , 768px 325px #FFF , 909px 761px #FFF , 12px 1343px #FFF , 486px 1991px #FFF , 555px 101px #FFF , 585px 464px #FFF , 1075px 569px #FFF , 514px 1175px #FFF , 1403px 1215px #FFF , 700px 1676px #FFF , 536px 1179px #FFF , 1766px 1634px #FFF , 466px 1418px #FFF , 831px 511px #FFF , 1135px 1895px #FFF , 1661px 83px #FFF , 1395px 1945px #FFF , 346px 1554px #FFF , 374px 1940px #FFF , 1985px 220px #FFF , 456px 663px #FFF , 378px 1090px #FFF , 1647px 951px #FFF , 1131px 45px #FFF , 651px 1473px #FFF , 1938px 509px #FFF , 693px 1970px #FFF , 515px 1545px #FFF , 656px 1589px #FFF , 1525px 1457px #FFF , 717px 1831px #FFF , 1297px 49px #FFF , 1702px 44px #FFF , 1576px 505px #FFF , 1485px 144px #FFF , 1005px 1244px #FFF , 1685px 265px #FFF , 1267px 859px #FFF , 585px 322px #FFF , 1780px 1061px #FFF , 31px 1205px #FFF , 101px 1969px #FFF , 1433px 1767px #FFF , 1389px 1041px #FFF , 634px 1414px #FFF , 972px 1679px #FFF , 606px 529px #FFF , 73px 1269px #FFF , 245px 869px #FFF , 1950px 690px #FFF , 221px 101px #FFF , 1280px 3px #FFF , 1866px 1305px #FFF , 1255px 1213px #FFF , 410px 1757px #FFF , 1900px 1928px #FFF , 1312px 1854px #FFF , 442px 786px #FFF , 500px 110px #FFF , 571px 1044px #FFF , 1803px 1815px #FFF , 206px 83px #FFF , 125px 304px #FFF , 1425px 1782px #FFF , 1199px 1877px #FFF , 1959px 732px #FFF , 65px 734px #FFF , 153px 1344px #FFF , 1071px 1626px #FFF , 950px 1964px #FFF , 1097px 1006px #FFF , 1015px 147px #FFF , 1277px 1874px #FFF , 963px 1633px #FFF , 1538px 1474px #FFF , 501px 675px #FFF , 1385px 943px #FFF , 1428px 468px #FFF , 1922px 1349px #FFF , 494px 1277px #FFF , 963px 144px #FFF , 634px 1346px #FFF , 1569px 926px #FFF , 251px 1337px #FFF , 1498px 474px #FFF , 1583px 1154px #FFF , 528px 1245px #FFF , 638px 522px #FFF , 1131px 1278px #FFF , 1853px 1157px #FFF , 1475px 1512px #FFF , 1136px 916px #FFF , 831px 601px #FFF , 1418px 222px #FFF , 1755px 1056px #FFF , 1055px 1936px #FFF , 502px 633px #FFF , 809px 1926px #FFF , 104px 455px #FFF , 575px 683px #FFF , 1032px 129px #FFF , 365px 344px #FFF , 1978px 111px #FFF , 425px 89px #FFF , 1799px 1358px #FFF , 834px 1203px #FFF , 1049px 141px #FFF , 487px 1558px #FFF , 91px 622px #FFF , 1499px 633px #FFF , 218px 96px #FFF , 1725px 1691px #FFF , 972px 1586px #FFF , 1989px 170px #FFF , 550px 1127px #FFF , 70px 1954px #FFF , 1750px 1501px #FFF , 1860px 243px #FFF , 1360px 1427px #FFF , 1660px 520px #FFF , 1386px 1375px #FFF , 388px 226px #FFF , 1827px 484px #FFF , 1916px 1102px #FFF , 413px 1719px #FFF , 1253px 555px #FFF , 1698px 219px #FFF , 1274px 1085px #FFF , 118px 1217px #FFF , 1935px 255px #FFF , 964px 1926px #FFF , 1989px 1943px #FFF , 1849px 1441px #FFF , 1776px 832px #FFF , 1721px 1028px #FFF , 217px 1039px #FFF , 1595px 1677px #FFF , 1014px 638px #FFF , 996px 1676px #FFF , 110px 758px #FFF , 1394px 810px #FFF , 186px 257px #FFF , 461px 917px #FFF , 1988px 293px #FFF , 954px 267px #FFF , 802px 640px #FFF , 1576px 1249px #FFF , 830px 502px #FFF , 1581px 1158px #FFF , 1686px 589px #FFF , 1068px 1578px #FFF , 939px 1531px #FFF , 679px 181px #FFF , 75px 728px #FFF , 950px 242px #FFF , 774px 375px #FFF , 891px 83px #FFF , 1504px 318px #FFF , 179px 212px #FFF , 916px 623px #FFF , 290px 716px #FFF , 1662px 262px #FFF , 212px 674px #FFF , 1105px 516px #FFF , 319px 1339px #FFF , 1272px 1120px #FFF , 722px 1669px #FFF , 1957px 1974px #FFF , 391px 1941px #FFF , 1161px 1494px #FFF , 138px 676px #FFF , 630px 772px #FFF , 718px 1324px #FFF , 1614px 63px #FFF , 1178px 1305px #FFF , 1482px 1125px #FFF , 304px 1810px #FFF , 1909px 545px #FFF , 1841px 1609px #FFF , 243px 1612px #FFF , 361px 422px #FFF , 872px 1695px #FFF , 1012px 794px #FFF , 940px 1070px #FFF , 592px 649px #FFF , 1916px 1370px #FFF , 142px 556px #FFF , 1161px 924px #FFF , 981px 1916px #FFF , 1160px 25px #FFF , 169px 901px #FFF , 1299px 914px #FFF , 1336px 717px #FFF , 1253px 691px #FFF , 405px 618px #FFF , 906px 440px #FFF , 431px 1083px #FFF , 867px 310px #FFF , 561px 195px #FFF , 1478px 1099px #FFF , 322px 802px #FFF , 699px 1012px #FFF , 219px 239px #FFF , 811px 1698px #FFF , 1474px 1981px #FFF , 1070px 451px #FFF , 834px 356px #FFF , 1665px 1072px #FFF , 1503px 247px #FFF , 1798px 1145px #FFF , 1378px 1956px #FFF , 1342px 1891px #FFF , 342px 1827px #FFF , 688px 298px #FFF , 418px 1727px #FFF , 1670px 132px #FFF , 282px 297px #FFF , 1912px 30px #FFF , 1560px 1405px #FFF , 1805px 1154px #FFF , 1445px 192px #FFF , 409px 1528px #FFF , 688px 1010px #FFF , 748px 268px #FFF , 923px 1560px #FFF , 1965px 43px #FFF , 317px 1710px #FFF , 336px 439px #FFF , 1567px 1883px #FFF , 1646px 982px #FFF , 385px 1532px #FFF , 962px 739px #FFF , 521px 1763px #FFF , 449px 1839px #FFF , 1031px 850px #FFF , 1151px 1963px #FFF , 878px 1583px #FFF , 1582px 267px #FFF , 1385px 507px #FFF , 1421px 961px #FFF , 1618px 913px #FFF , 661px 578px #FFF , 273px 301px #FFF , 679px 832px #FFF , 310px 1030px #FFF , 616px 466px #FFF , 1141px 1733px #FFF , 1194px 1720px #FFF , 1414px 892px #FFF , 113px 1646px #FFF , 1303px 811px #FFF , 220px 67px #FFF , 1322px 1915px #FFF , 190px 1138px #FFF , 1241px 821px #FFF , 1759px 319px #FFF , 325px 1135px #FFF , 862px 137px #FFF , 837px 1837px #FFF , 1513px 363px #FFF , 1438px 151px #FFF , 913px 1076px #FFF , 1137px 1750px #FFF , 1213px 1873px #FFF , 552px 259px #FFF , 1734px 1105px #FFF , 1126px 780px #FFF , 30px 966px #FFF , 608px 467px #FFF , 1995px 403px #FFF , 612px 1890px #FFF , 1505px 1184px #FFF , 1709px 1779px #FFF , 1202px 1295px #FFF , 97px 1311px #FFF , 1647px 1912px #FFF , 139px 1041px #FFF , 1737px 326px #FFF , 1049px 1163px #FFF , 1995px 226px #FFF , 210px 1011px #FFF , 886px 1703px #FFF , 47px 1706px #FFF , 1889px 1135px #FFF , 267px 1514px #FFF , 438px 206px #FFF , 555px 1260px #FFF , 567px 1460px #FFF , 7px 84px #FFF , 734px 617px #FFF , 498px 1520px #FFF , 1497px 1512px #FFF , 1906px 4px #FFF , 279px 228px #FFF , 524px 1822px #FFF , 1674px 693px #FFF , 1307px 875px #FFF , 1247px 1506px #FFF , 1117px 428px #FFF , 1568px 1548px #FFF , 251px 511px #FFF , 123px 1854px #FFF , 1099px 1671px #FFF , 201px 1126px #FFF , 871px 1021px #FFF , 170px 783px #FFF , 493px 687px #FFF , 343px 90px #FFF , 1523px 1813px #FFF , 381px 1052px #FFF , 285px 1547px #FFF , 1244px 1665px #FFF , 557px 746px #FFF , 1437px 178px #FFF , 1407px 1480px #FFF , 1063px 298px #FFF , 407px 1419px #FFF , 1975px 203px #FFF , 267px 259px #FFF , 1920px 1900px #FFF , 1675px 1361px #FFF , 1373px 662px #FFF , 1063px 1535px #FFF , 1885px 37px #FFF , 1502px 1707px #FFF , 464px 170px #FFF , 880px 730px #FFF , 1383px 1349px #FFF , 1031px 635px #FFF , 694px 391px #FFF , 206px 1016px #FFF , 524px 1905px #FFF , 604px 160px #FFF , 1457px 1821px #FFF , 1842px 1842px #FFF , 465px 642px #FFF , 1222px 1456px #FFF , 184px 1707px #FFF , 490px 525px #FFF , 707px 1878px #FFF , 1968px 1805px #FFF , 1659px 168px #FFF , 1838px 1544px #FFF , 37px 1559px #FFF , 612px 1693px #FFF , 1205px 1797px #FFF , 867px 1638px #FFF , 996px 957px #FFF , 730px 534px #FFF , 683px 581px #FFF , 1112px 1187px #FFF , 1611px 27px #FFF , 1890px 655px #FFF , 271px 540px #FFF , 687px 1430px #FFF , 1156px 1577px #FFF , 441px 1242px #FFF , 1138px 201px #FFF , 874px 1502px #FFF , 1186px 622px #FFF , 1890px 334px #FFF , 1833px 1575px #FFF , 777px 1668px #FFF , 476px 331px #FFF , 117px 1147px #FFF , 475px 1881px #FFF , 967px 474px #FFF , 1739px 839px #FFF , 1662px 1774px #FFF , 236px 397px #FFF , 1128px 1618px #FFF , 1762px 1759px #FFF , 223px 1818px #FFF , 1813px 1763px #FFF , 1548px 1851px #FFF , 596px 1096px #FFF , 1950px 1361px #FFF , 230px 981px #FFF , 749px 1635px #FFF , 1857px 1884px #FFF , 1536px 1122px #FFF , 493px 1780px #FFF , 772px 1733px #FFF , 1124px 51px #FFF , 1817px 993px #FFF , 933px 234px #FFF , 1559px 343px #FFF , 713px 1043px #FFF , 1904px 589px #FFF , 1553px 494px #FFF , 1244px 773px #FFF , 1675px 118px #FFF , 1373px 997px #FFF , 49px 1757px #FFF , 1778px 1603px #FFF , 112px 354px #FFF , 997px 599px #FFF , 150px 1035px #FFF , 949px 639px #FFF , 421px 1855px #FFF , 1975px 1578px #FFF , 1095px 361px #FFF , 425px 871px #FFF , 923px 1610px #FFF , 961px 725px #FFF , 1556px 347px #FFF , 625px 471px #FFF , 646px 1863px #FFF , 1763px 1216px #FFF , 192px 1827px #FFF , 1066px 232px #FFF , 532px 1779px #FFF , 238px 949px #FFF , 765px 324px #FFF , 1621px 1061px #FFF , 1382px 708px #FFF , 490px 787px #FFF , 1072px 750px #FFF , 1456px 1255px #FFF , 1075px 1245px #FFF , 733px 1336px #FFF , 767px 1997px #FFF , 652px 560px #FFF , 673px 1634px #FFF , 1691px 1911px #FFF , 1634px 1641px #FFF , 1631px 1196px #FFF , 25px 239px #FFF , 540px 179px #FFF , 119px 1334px #FFF , 120px 433px #FFF , 1820px 471px #FFF , 1483px 1194px #FFF , 1301px 938px #FFF , 1081px 1081px #FFF , 134px 393px #FFF , 1814px 931px #FFF , 731px 269px #FFF , 253px 920px #FFF , 11px 856px #FFF , 1259px 1579px #FFF , 207px 115px #FFF , 772px 156px #FFF , 1562px 723px #FFF , 1394px 1086px #FFF , 1742px 1576px #FFF , 825px 1799px #FFF , 1857px 1856px #FFF , 720px 505px #FFF , 226px 38px #FFF , 271px 1782px #FFF , 912px 1943px #FFF , 9px 1152px #FFF , 1718px 1057px #FFF , 214px 1026px #FFF , 1996px 1113px #FFF , 972px 1532px #FFF , 314px 512px #FFF , 1130px 459px #FFF , 289px 1356px #FFF , 1291px 613px #FFF , 368px 1308px #FFF , 1393px 1660px #FFF , 647px 644px #FFF , 830px 472px #FFF , 719px 1126px #FFF , 823px 524px #FFF , 695px 1171px #FFF , 421px 1073px #FFF , 1158px 656px #FFF , 1877px 1324px #FFF , 1380px 508px #FFF , 43px 1215px #FFF , 1430px 580px #FFF , 1988px 1562px #FFF , 1089px 1381px #FFF , 1593px 1328px #FFF , 985px 1090px #FFF , 244px 1434px #FFF , 1110px 1623px #FFF , 1282px 184px #FFF , 471px 319px #FFF , 831px 464px #FFF , 1261px 1268px #FFF , 1922px 600px #FFF , 1457px 891px #FFF , 552px 917px #FFF , 663px 874px #FFF , 1641px 805px #FFF , 641px 1790px #FFF , 243px 241px #FFF , 1303px 1971px #FFF , 68px 963px #FFF , 931px 1262px #FFF , 1115px 608px #FFF , 817px 1502px #FFF , 483px 1039px #FFF , 487px 1815px #FFF , 1748px 853px #FFF , 1911px 1724px #FFF , 741px 1140px #FFF , 1047px 1947px #FFF , 1064px 1310px #FFF , 868px 1175px #FFF , 1446px 1730px #FFF , 171px 270px #FFF , 1773px 1006px #FFF , 324px 131px #FFF , 769px 531px #FFF , 1602px 1826px #FFF , 862px 1469px #FFF , 1721px 274px #FFF , 1997px 254px #FFF , 102px 122px #FFF , 572px 1741px #FFF , 227px 1283px #FFF , 1327px 113px #FFF , 1380px 1901px #FFF , 850px 1457px #FFF , 591px 1414px #FFF , 1542px 1681px #FFF , 1356px 1205px #FFF , 115px 728px #FFF , 1807px 822px #FFF , 1798px 674px #FFF , 1650px 358px #FFF , 1253px 823px #FFF , 846px 233px #FFF , 749px 1708px #FFF , 267px 940px #FFF , 1781px 377px #FFF , 710px 1037px #FFF , 192px 1654px #FFF , 603px 633px #FFF , 118px 1373px #FFF , 1804px 1071px #FFF , 393px 478px #FFF , 229px 1671px #FFF , 1301px 1797px #FFF , 1477px 22px #FFF , 208px 1586px #FFF , 1495px 1px #FFF , 1400px 1181px #FFF , 1782px 1275px #FFF , 1617px 761px #FFF , 1932px 783px #FFF , 139px 738px #FFF , 53px 863px #FFF , 583px 1875px #FFF , 1964px 1931px #FFF , 1403px 1926px #FFF , 1777px 444px #FFF , 971px 376px #FFF , 1551px 224px #FFF , 1544px 891px #FFF , 585px 887px #FFF , 532px 295px #FFF , 1696px 289px #FFF , 360px 1985px #FFF , 585px 874px #FFF , 1517px 1134px #FFF , 161px 345px #FFF , 994px 1881px #FFF , 1547px 385px #FFF , 1503px 1362px #FFF , 1325px 1875px #FFF , 1083px 166px #FFF , 265px 1869px #FFF , 8px 455px #FFF , 1636px 1188px #FFF , 637px 470px #FFF , 1672px 261px #FFF , 1921px 773px #FFF , 1595px 661px #FFF , 1612px 1317px #FFF , 1970px 1921px #FFF , 1240px 991px #FFF , 742px 740px #FFF , 234px 495px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 72px 1786px #FFF , 400px 1016px #FFF , 952px 1400px #FFF , 76px 1932px #FFF , 1541px 1575px #FFF , 1690px 1973px #FFF , 1553px 1983px #FFF , 48px 1710px #FFF , 1193px 211px #FFF , 1142px 692px #FFF , 1339px 1055px #FFF , 858px 287px #FFF , 920px 393px #FFF , 1886px 280px #FFF , 688px 1288px #FFF , 870px 1222px #FFF , 346px 54px #FFF , 1433px 1905px #FFF , 309px 889px #FFF , 1647px 1373px #FFF , 234px 1792px #FFF , 825px 804px #FFF , 184px 860px #FFF , 286px 1162px #FFF , 1378px 1232px #FFF , 1990px 1546px #FFF , 1826px 583px #FFF , 43px 1552px #FFF , 133px 422px #FFF , 1707px 1633px #FFF , 52px 721px #FFF , 95px 1917px #FFF , 1916px 1665px #FFF , 1371px 1218px #FFF , 300px 756px #FFF , 739px 1549px #FFF , 399px 876px #FFF , 583px 229px #FFF , 343px 1601px #FFF , 260px 181px #FFF , 668px 699px #FFF , 1517px 1773px #FFF , 1995px 405px #FFF , 915px 413px #FFF , 1508px 766px #FFF , 42px 1956px #FFF , 11px 409px #FFF , 512px 1386px #FFF , 49px 24px #FFF , 997px 671px #FFF , 1582px 1249px #FFF , 273px 954px #FFF , 1748px 1433px #FFF , 1841px 1723px #FFF , 1246px 889px #FFF , 1474px 735px #FFF , 1449px 159px #FFF , 115px 897px #FFF , 1333px 1997px #FFF , 879px 605px #FFF , 1727px 1733px #FFF , 918px 1662px #FFF , 1957px 926px #FFF , 458px 921px #FFF , 1564px 910px #FFF , 580px 1895px #FFF , 1239px 318px #FFF , 1284px 207px #FFF , 1243px 648px #FFF , 320px 596px #FFF , 1223px 432px #FFF , 976px 983px #FFF , 1636px 1081px #FFF , 571px 468px #FFF , 1822px 864px #FFF , 161px 1308px #FFF , 515px 1983px #FFF , 254px 52px #FFF , 1512px 1626px #FFF , 1470px 1467px #FFF , 215px 168px #FFF , 732px 1449px #FFF , 599px 57px #FFF , 1293px 1775px #FFF , 721px 1615px #FFF , 728px 727px #FFF , 523px 1944px #FFF , 1204px 1854px #FFF , 1943px 1932px #FFF , 835px 1665px #FFF , 1025px 1774px #FFF , 385px 46px #FFF , 27px 1071px #FFF , 132px 936px #FFF , 1454px 935px #FFF , 1325px 994px #FFF , 1307px 1455px #FFF , 1310px 658px #FFF , 1622px 810px #FFF , 783px 1490px #FFF , 588px 1351px #FFF , 1631px 506px #FFF , 1631px 426px #FFF , 822px 1400px #FFF , 1641px 1821px #FFF , 1414px 1892px #FFF , 248px 1412px #FFF , 357px 721px #FFF , 1646px 846px #FFF , 316px 100px #FFF , 296px 1265px #FFF , 784px 1576px #FFF , 1385px 737px #FFF , 1837px 1436px #FFF , 1220px 794px #FFF , 1086px 1949px #FFF , 1461px 1794px #FFF , 1768px 27px #FFF , 1902px 515px #FFF , 835px 1912px #FFF , 1081px 1818px #FFF , 440px 1338px #FFF , 1250px 1018px #FFF , 1341px 1305px #FFF , 182px 1903px #FFF , 1930px 76px #FFF , 1142px 139px #FFF , 1795px 1985px #FFF , 784px 680px #FFF , 217px 1353px #FFF , 1179px 1771px #FFF , 1214px 503px #FFF , 1462px 1670px #FFF , 428px 108px #FFF , 1376px 886px #FFF , 1947px 1510px #FFF , 1113px 272px #FFF , 957px 1500px #FFF , 1906px 1487px #FFF , 799px 65px #FFF , 934px 898px #FFF , 58px 600px #FFF , 1523px 428px #FFF , 1615px 518px #FFF , 288px 772px #FFF , 1117px 585px #FFF , 1295px 894px #FFF , 247px 756px #FFF , 421px 1386px #FFF , 1264px 1197px #FFF , 1691px 569px #FFF , 227px 712px #FFF , 1711px 1447px #FFF , 526px 430px #FFF , 442px 217px #FFF , 201px 423px #FFF , 1832px 1134px #FFF , 774px 2px #FFF , 1124px 183px #FFF , 1562px 1335px #FFF , 769px 1053px #FFF , 1802px 1924px #FFF , 1168px 1134px #FFF , 154px 339px #FFF , 1589px 963px #FFF , 1562px 775px #FFF , 1896px 543px #FFF , 477px 1443px #FFF , 1385px 108px #FFF , 1818px 1253px #FFF , 849px 749px #FFF , 1124px 626px #FFF , 935px 484px #FFF , 1679px 1249px #FFF , 1108px 350px #FFF , 273px 1936px #FFF , 1222px 1888px #FFF , 1983px 667px #FFF , 160px 555px #FFF , 1023px 823px #FFF , 1847px 235px #FFF , 18px 13px #FFF , 595px 1663px #FFF , 6px 95px #FFF , 1125px 350px #FFF , 1616px 278px #FFF , 1081px 1939px #FFF , 928px 574px #FFF , 211px 54px #FFF , 671px 1658px #FFF , 402px 39px #FFF , 1152px 329px #FFF , 48px 540px #FFF , 1057px 1901px #FFF , 1445px 1948px #FFF , 248px 1148px #FFF , 1991px 1433px #FFF , 1608px 1133px #FFF , 1472px 1139px #FFF , 607px 1673px #FFF;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 72px 1786px #FFF , 400px 1016px #FFF , 952px 1400px #FFF , 76px 1932px #FFF , 1541px 1575px #FFF , 1690px 1973px #FFF , 1553px 1983px #FFF , 48px 1710px #FFF , 1193px 211px #FFF , 1142px 692px #FFF , 1339px 1055px #FFF , 858px 287px #FFF , 920px 393px #FFF , 1886px 280px #FFF , 688px 1288px #FFF , 870px 1222px #FFF , 346px 54px #FFF , 1433px 1905px #FFF , 309px 889px #FFF , 1647px 1373px #FFF , 234px 1792px #FFF , 825px 804px #FFF , 184px 860px #FFF , 286px 1162px #FFF , 1378px 1232px #FFF , 1990px 1546px #FFF , 1826px 583px #FFF , 43px 1552px #FFF , 133px 422px #FFF , 1707px 1633px #FFF , 52px 721px #FFF , 95px 1917px #FFF , 1916px 1665px #FFF , 1371px 1218px #FFF , 300px 756px #FFF , 739px 1549px #FFF , 399px 876px #FFF , 583px 229px #FFF , 343px 1601px #FFF , 260px 181px #FFF , 668px 699px #FFF , 1517px 1773px #FFF , 1995px 405px #FFF , 915px 413px #FFF , 1508px 766px #FFF , 42px 1956px #FFF , 11px 409px #FFF , 512px 1386px #FFF , 49px 24px #FFF , 997px 671px #FFF , 1582px 1249px #FFF , 273px 954px #FFF , 1748px 1433px #FFF , 1841px 1723px #FFF , 1246px 889px #FFF , 1474px 735px #FFF , 1449px 159px #FFF , 115px 897px #FFF , 1333px 1997px #FFF , 879px 605px #FFF , 1727px 1733px #FFF , 918px 1662px #FFF , 1957px 926px #FFF , 458px 921px #FFF , 1564px 910px #FFF , 580px 1895px #FFF , 1239px 318px #FFF , 1284px 207px #FFF , 1243px 648px #FFF , 320px 596px #FFF , 1223px 432px #FFF , 976px 983px #FFF , 1636px 1081px #FFF , 571px 468px #FFF , 1822px 864px #FFF , 161px 1308px #FFF , 515px 1983px #FFF , 254px 52px #FFF , 1512px 1626px #FFF , 1470px 1467px #FFF , 215px 168px #FFF , 732px 1449px #FFF , 599px 57px #FFF , 1293px 1775px #FFF , 721px 1615px #FFF , 728px 727px #FFF , 523px 1944px #FFF , 1204px 1854px #FFF , 1943px 1932px #FFF , 835px 1665px #FFF , 1025px 1774px #FFF , 385px 46px #FFF , 27px 1071px #FFF , 132px 936px #FFF , 1454px 935px #FFF , 1325px 994px #FFF , 1307px 1455px #FFF , 1310px 658px #FFF , 1622px 810px #FFF , 783px 1490px #FFF , 588px 1351px #FFF , 1631px 506px #FFF , 1631px 426px #FFF , 822px 1400px #FFF , 1641px 1821px #FFF , 1414px 1892px #FFF , 248px 1412px #FFF , 357px 721px #FFF , 1646px 846px #FFF , 316px 100px #FFF , 296px 1265px #FFF , 784px 1576px #FFF , 1385px 737px #FFF , 1837px 1436px #FFF , 1220px 794px #FFF , 1086px 1949px #FFF , 1461px 1794px #FFF , 1768px 27px #FFF , 1902px 515px #FFF , 835px 1912px #FFF , 1081px 1818px #FFF , 440px 1338px #FFF , 1250px 1018px #FFF , 1341px 1305px #FFF , 182px 1903px #FFF , 1930px 76px #FFF , 1142px 139px #FFF , 1795px 1985px #FFF , 784px 680px #FFF , 217px 1353px #FFF , 1179px 1771px #FFF , 1214px 503px #FFF , 1462px 1670px #FFF , 428px 108px #FFF , 1376px 886px #FFF , 1947px 1510px #FFF , 1113px 272px #FFF , 957px 1500px #FFF , 1906px 1487px #FFF , 799px 65px #FFF , 934px 898px #FFF , 58px 600px #FFF , 1523px 428px #FFF , 1615px 518px #FFF , 288px 772px #FFF , 1117px 585px #FFF , 1295px 894px #FFF , 247px 756px #FFF , 421px 1386px #FFF , 1264px 1197px #FFF , 1691px 569px #FFF , 227px 712px #FFF , 1711px 1447px #FFF , 526px 430px #FFF , 442px 217px #FFF , 201px 423px #FFF , 1832px 1134px #FFF , 774px 2px #FFF , 1124px 183px #FFF , 1562px 1335px #FFF , 769px 1053px #FFF , 1802px 1924px #FFF , 1168px 1134px #FFF , 154px 339px #FFF , 1589px 963px #FFF , 1562px 775px #FFF , 1896px 543px #FFF , 477px 1443px #FFF , 1385px 108px #FFF , 1818px 1253px #FFF , 849px 749px #FFF , 1124px 626px #FFF , 935px 484px #FFF , 1679px 1249px #FFF , 1108px 350px #FFF , 273px 1936px #FFF , 1222px 1888px #FFF , 1983px 667px #FFF , 160px 555px #FFF , 1023px 823px #FFF , 1847px 235px #FFF , 18px 13px #FFF , 595px 1663px #FFF , 6px 95px #FFF , 1125px 350px #FFF , 1616px 278px #FFF , 1081px 1939px #FFF , 928px 574px #FFF , 211px 54px #FFF , 671px 1658px #FFF , 402px 39px #FFF , 1152px 329px #FFF , 48px 540px #FFF , 1057px 1901px #FFF , 1445px 1948px #FFF , 248px 1148px #FFF , 1991px 1433px #FFF , 1608px 1133px #FFF , 1472px 1139px #FFF , 607px 1673px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1898px 216px #FFF , 1241px 126px #FFF , 1640px 1768px #FFF , 25px 1035px #FFF , 953px 1px #FFF , 819px 1028px #FFF , 989px 1600px #FFF , 1077px 624px #FFF , 66px 654px #FFF , 1485px 1779px #FFF , 57px 1938px #FFF , 1455px 315px #FFF , 1691px 1043px #FFF , 769px 1933px #FFF , 1427px 466px #FFF , 173px 616px #FFF , 1598px 1953px #FFF , 1583px 1649px #FFF , 1739px 1221px #FFF , 638px 1173px #FFF , 874px 1969px #FFF , 12px 981px #FFF , 1592px 397px #FFF , 786px 1414px #FFF , 1241px 253px #FFF , 1784px 5px #FFF , 739px 134px #FFF , 1230px 973px #FFF , 1214px 578px #FFF , 223px 1990px #FFF , 1597px 1274px #FFF , 1940px 1146px #FFF , 1537px 963px #FFF , 427px 1805px #FFF , 692px 205px #FFF , 1245px 1589px #FFF , 1461px 598px #FFF , 414px 854px #FFF , 631px 168px #FFF , 875px 837px #FFF , 622px 1466px #FFF , 730px 362px #FFF , 777px 655px #FFF , 1787px 1218px #FFF , 375px 994px #FFF , 1761px 1361px #FFF , 1720px 465px #FFF , 1712px 71px #FFF , 440px 824px #FFF , 771px 1481px #FFF , 108px 759px #FFF , 1288px 1976px #FFF , 1827px 818px #FFF , 1347px 42px #FFF , 659px 1957px #FFF , 885px 577px #FFF , 335px 1447px #FFF , 1247px 1509px #FFF , 787px 1982px #FFF , 1139px 1968px #FFF , 489px 1984px #FFF , 1885px 770px #FFF , 1478px 316px #FFF , 1355px 1452px #FFF , 785px 511px #FFF , 147px 763px #FFF , 980px 1577px #FFF , 1676px 552px #FFF , 641px 187px #FFF , 1830px 1731px #FFF , 126px 1834px #FFF , 1519px 1764px #FFF , 212px 1363px #FFF , 377px 1735px #FFF , 1462px 778px #FFF , 1769px 1926px #FFF , 1681px 484px #FFF , 466px 505px #FFF , 1482px 1072px #FFF , 288px 1105px #FFF , 1628px 1292px #FFF , 583px 716px #FFF , 1154px 580px #FFF , 1969px 792px #FFF , 1946px 893px #FFF , 1606px 758px #FFF , 466px 1085px #FFF , 1310px 1365px #FFF , 893px 1807px #FFF , 221px 1223px #FFF , 263px 1066px #FFF , 1989px 308px #FFF , 1523px 761px #FFF , 170px 1792px #FFF , 1289px 218px #FFF , 1510px 807px #FFF , 1517px 1663px #FFF , 1305px 756px #FFF , 840px 878px #FFF , 54px 1048px #FFF;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1898px 216px #FFF , 1241px 126px #FFF , 1640px 1768px #FFF , 25px 1035px #FFF , 953px 1px #FFF , 819px 1028px #FFF , 989px 1600px #FFF , 1077px 624px #FFF , 66px 654px #FFF , 1485px 1779px #FFF , 57px 1938px #FFF , 1455px 315px #FFF , 1691px 1043px #FFF , 769px 1933px #FFF , 1427px 466px #FFF , 173px 616px #FFF , 1598px 1953px #FFF , 1583px 1649px #FFF , 1739px 1221px #FFF , 638px 1173px #FFF , 874px 1969px #FFF , 12px 981px #FFF , 1592px 397px #FFF , 786px 1414px #FFF , 1241px 253px #FFF , 1784px 5px #FFF , 739px 134px #FFF , 1230px 973px #FFF , 1214px 578px #FFF , 223px 1990px #FFF , 1597px 1274px #FFF , 1940px 1146px #FFF , 1537px 963px #FFF , 427px 1805px #FFF , 692px 205px #FFF , 1245px 1589px #FFF , 1461px 598px #FFF , 414px 854px #FFF , 631px 168px #FFF , 875px 837px #FFF , 622px 1466px #FFF , 730px 362px #FFF , 777px 655px #FFF , 1787px 1218px #FFF , 375px 994px #FFF , 1761px 1361px #FFF , 1720px 465px #FFF , 1712px 71px #FFF , 440px 824px #FFF , 771px 1481px #FFF , 108px 759px #FFF , 1288px 1976px #FFF , 1827px 818px #FFF , 1347px 42px #FFF , 659px 1957px #FFF , 885px 577px #FFF , 335px 1447px #FFF , 1247px 1509px #FFF , 787px 1982px #FFF , 1139px 1968px #FFF , 489px 1984px #FFF , 1885px 770px #FFF , 1478px 316px #FFF , 1355px 1452px #FFF , 785px 511px #FFF , 147px 763px #FFF , 980px 1577px #FFF , 1676px 552px #FFF , 641px 187px #FFF , 1830px 1731px #FFF , 126px 1834px #FFF , 1519px 1764px #FFF , 212px 1363px #FFF , 377px 1735px #FFF , 1462px 778px #FFF , 1769px 1926px #FFF , 1681px 484px #FFF , 466px 505px #FFF , 1482px 1072px #FFF , 288px 1105px #FFF , 1628px 1292px #FFF , 583px 716px #FFF , 1154px 580px #FFF , 1969px 792px #FFF , 1946px 893px #FFF , 1606px 758px #FFF , 466px 1085px #FFF , 1310px 1365px #FFF , 893px 1807px #FFF , 221px 1223px #FFF , 263px 1066px #FFF , 1989px 308px #FFF , 1523px 761px #FFF , 170px 1792px #FFF , 1289px 218px #FFF , 1510px 807px #FFF , 1517px 1663px #FFF , 1305px 756px #FFF , 840px 878px #FFF , 54px 1048px #FFF;
}

#title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #FFF;
  text-align: center;
  font-family: "lato", sans-serif;
  font-weight: 300;
  font-size: 50px;
  letter-spacing: 10px;
  margin-top: -60px;
  padding-left: 10px;
}
#title span {
  background: -webkit-linear-gradient(white, #38495a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}

/*---------- constellation(page-portfolio) -----------*/

*, *:before, *:after {
  box-sizing: border-box;
}

@-webkit-keyframes scrollBad {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -645px;
  }
}
@keyframes scrollBad {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -645px;
  }
}
@-webkit-keyframes scrollGood {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -645px, 0);
            transform: translate3d(0, -645px, 0);
  }
}
@keyframes scrollGood {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -645px, 0);
            transform: translate3d(0, -645px, 0);
  }
}
.pen {
  background-color: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 150%;
  width: 100%;
  z-index: -10;
}

.top {
  background-color: #fff;
  background-image:  url('img/portfolio_img.png');
  background-position: center center;
  background-size: 1000px;
  -webkit-animation: scrollBad 6s linear infinite;
  animation: scrollBad 6s linear infinite;
  height: 28%;
}

.bottom {
  background-color: #fff;
  overflow: hidden;
  position: relative;
  height: 32%;
}
.bottom .scroll {
  background-image:  url('img/portfolio_img.png');
  background-position: center center;
  background-size: 1000px;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 400%;
  width: 100%;
  -webkit-animation: scrollGood 12s linear infinite;
  animation: scrollGood 12s linear infinite;
}


/*---------- circle(page-contact) -----------*/

.circle{
  position: absolute;
  border-radius: 50%;
  background: white;
  animation: ripple 15s infinite;
  box-shadow: 0px 0px 1px 0px #50b989;
  z-index: -1;
}

.large{
  width: 600px;
  height: 600px;
  left: -300px;
  bottom: -300px;
}

.xlarge{
  width: 800px;
  height: 800px;
  left: -400px;
  bottom: -400px;
}

.xxlarge{
  width: 1000px;
  height: 1000px;
  left: -500px;
  bottom: -500px;
}

.shade1{
  opacity: 0.4;
}
.shade2{
  opacity: 0.5;
}

.shade3{
  opacity: 0.9;
}

@keyframes ripple{
  0%{
    transform: scale(0.8);
  }
  
  50%{
    transform: scale(1.2);
  }
  
  100%{
    transform: scale(0.8);
  }
}

/*---gradation(page-contact) ---*/

.holder,
.first,
.second,
.third {
	height: 100%;
	width: 100%;
}

.first,
.second,
.third {
	position: absolute;
}

.second,
.third {
	opacity: 0;
}

.holder {
	height: 100%;
	position: relative;
	z-index: -10;
}

.first {
	animation: first 10s infinite;
	background: linear-gradient(#5ff8ca, #60e08c);
	z-index: -3;
}

@keyframes first {
	0% {opacity: 1.0;}
	10% {opacity: 0.8;}
	20% {opacity: 0.6;}
	30% {opacity: 0.4;}
	40% {opacity: 0.2;}
	50% {opacity: 0.1;}
	60% {opacity: 0.2;}
	70% {opacity: 0.4;}
	80% {opacity: 0.6;}
	90% {opacity: 0.8;}
	100% {opacity: 1.0;}
}

.second {
	animation: second 10s infinite; animation-delay: 2s;
	background: linear-gradient(#19eaa6, #00a1f0);
	z-index: -2;
}

@keyframes second {
	0% {opacity: 0;}
	10% {opacity: 0.2;}
	20% {opacity: 0.4;}
	30% {opacity: 0.6;}
	40% {opacity: 0.8;}
	50% {opacity: 1.0;}
	60% {opacity: 0.8;}
	70% {opacity: 0.6;}
	80% {opacity: 0.4;}
	90% {opacity: 0.2;}
	100% {opacity: 0;}
}

.third {
	animation: third 10s infinite;
	animation-delay: 5s;
	background: linear-gradient(#aab7f8, #ff75c6);
	z-index: -1;
}

@keyframes third {
	0% {opacity: 0;}
	10% {opacity: 0.2;}
	20% {opacity: 0.4;}
	30% {opacity: 0.6;}
	40% {opacity: 0.8;}
	50% {opacity: 1.0;}
	60% {opacity: 0.8;}
	70% {opacity: 0.6;}
	80% {opacity: 0.4;}
	90% {opacity: 0.2;}
	100% {opacity: 0;}
}



/*--------------------- lead---------------------*/

#lead	{
	position: relative;
	left:0;
	width:100%;
	height:auto;
	margin-top: -250px;
	z-index: 10;
}

/*---------- animation ----------*/

.jima-scroll-back {
	height: 150px;
	margin: 0px auto;
	text-align: center;
}

.jima-scroll {
	margin: -110px 10px 10px auto;
	text-align: center;
}


/* ChromeはAnimate.cssだとブラウザ戻るで誤動作のため */
/* Animate.cssの100%→5%でFadeInUp（暫定版） */
/* ダメならwow.jsをリトライ */

.preload {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}


@keyframes fadeInUpMin {
  0% {
    opacity: 1;
	transform: translate3d(0, 0%, 0);
  }

  30% {
    opacity: 1;
	transform: translate3d(0, -50px, 0);
  }
 
  100% {
    opacity: 1;
	transform: translate3d(0, 0%, 0);
  }
}

.fadeInUpMin {

    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: fadeInUpMin;
    animation-name: fadeInUpMin;
}

.bounce {
	animation-duration: 3s;
	animation-iteration-count: infinite;
	-webkit-animation-name:bounce;
	-webkit-transform-origin:center bottom;
	animation-name:bounce;
	transform-origin:center bottom;
}

@-webkit-keyframes bounce{
	0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}
	40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}
	70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}
	90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}

@keyframes bounce{
	0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}
	40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,0px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,0px,0)}
	70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-6px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-6px,0)}
	90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}


.shake{
	animation-duration: 1s;
	animation-iteration-count: 1;
	-webkit-animation-name:shake;
			animation-name:shake;
}

@-webkit-keyframes shake{
	0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}
	10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
	20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
	
@keyframes shake{
	0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}
	10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
	20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}



/*--------------------- contents ---------------------*/

.portfolio-link {
	display: block;
	max-width: 1000px;
	margin: 30px auto;
	padding: 20px 40px;
}

.portfolio-link-btn {
	padding: 20px 0px;
	text-align: center;
	letter-spacing: 1.2em;
	font-size: 12px;
	border: dotted 1px #7bc9b5;
}

.portfolio-link a {
	color: #7bc9b5;
	display: block;
}

.form-link {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 10vw 1fr;
	-ms-grid-rows: 70px 30px;
	grid-template-columns: 1fr 10vw 1fr;
	grid-template-rows: 70px 30px;
	max-width: 1000px;
	min-width: 280px;
	width: 100%;
	margin: 30px 0;
}

	.form-link-btn1 {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		grid-column: 1 / 2;
		grid-row: 1;
		height: 70px;
		padding: 20px 20px 0 0;
		font-size: 14px;
		text-align: center;
		display: block;
		cursor: pointer;
		border: dotted 1px #7bc9b5;
	}

	.form-link-btn2 {
		-ms-grid-column: 3;
		-ms-grid-row: 1;
		grid-column: 3 / 4;
		grid-row: 1;
		height: 70px;
		padding: 20px 20px 0 0;
		font-size: 14px;
		text-align: center;
		display: block;
		cursor: pointer;
		border: dotted 1px #7bc9b5;
	}

	.form-link-btn4 {
		-ms-grid-column: 3;
		-ms-grid-row: 2;
		grid-column: 3 / 4;
		grid-row: 2;
		height: 30px;
		text-align: right;
		font-size: 0.9em;
		color: #000;
		margin-top: 10px;
	}

	.form-link a {
		color: #7bc9b5;
		display: block;
	}

	.form-link img {
		width: 25px;
		height: 25px;
		margin: 0 20px;
	}

.contents-link {
	display: block;
	max-width: 1000px;
	margin: 30px auto;
	padding: 20px 0px;
}

.contents-link-btn {
	padding: 20px 0px;
	text-align: center;
	letter-spacing: 1.2em;
	font-size: 14px;
	border: dotted 1px #7bc9b5;
}

.contents-link a {
	color: #7bc9b5;
	display: block;
}

.contents-link img {
	width: 25px;
	height: 25px;
	margin: 0 20px;
}


p.comments { 
	padding-left :2em;
	text-indent :-1.5em;
	font-size: 0.9em;
	color: #000
}

p.comments { 
	padding-left :2em;
	text-indent :-1.5em;
	font-size: 0.9em;
	color: #000
}

p.agreement { 
	font-size: 1em;
	color: #000;
	line-height: 2em;
	text-decoration: underline;
}

.share-button {
	max-width: 465px;
	margin: 0px auto;
	padding: 10px 0;
	text-align: right;
}

.share-button img {
	width: 30px;
	height: 30px;
	margin: 20px 0 0 10px;
}

.share-button-single {
	padding: 10px 0;
	text-align: right;
}

.share-button-single img {
	width: 30px;
	height: 30px;
	margin: 20px 0 0 10px;
}

/*--------- front page ----------*/

#front-contents {
	position: relative;
	margin-top: -20px;
	padding: 0 30px;
	left: 0px;
	width:100%;
	height: auto;
	background: #fff;
	text-align: left;
}

.front-headline {
	max-width: 300px;
	margin: 0 auto;
	padding: 100px 0 10px 0;
	text-align: center;
	line-height: 2em;
	letter-spacing: 0.3em;
	font-size: 16px;
	font-weight: 100;
	border-bottom: dotted 1px #888;
}


.front-greeting {
	max-width: 1000px;
	margin: 50px auto;
	text-align: left;
	line-height: 3em;
	letter-spacing: 0.3em;
	font-size: 12px;
}

.front-pickup {
	max-width: 1000px;
	margin: 50px auto;
	padding: 30px 40px;
	text-align: left;
	line-height: 3em;
	letter-spacing: 0.3em;
	font-size: 12px;
}

.works {
	font-size: 1.2rem;
	max-width: 200px;
	line-height: 3em;
	border-bottom: dotted 1px #888;
}

.front-greeting ul li {
	padding-top: 20px;
	list-style-type: disc;
	margin-left: 20px;
	letter-spacing: 2px;
}

.front-greeting ul li:last-child {
	padding-bottom: 80px;
}


/*--------- flow・price page ----------*/


#page-contents {
	position: relative;
	margin: -20px 0 55px 0;
	padding: 20px 0;
	left: 0px;
	width:100%;
	height: auto;
	background: #fff;
	text-align: left;
}

.contents-headline {
	max-width: 1000px;
	margin: 0 auto;
	padding: 70px 0px 10px 0px;
	text-align: left;
	line-height: 3em;
	letter-spacing: 0.3em;
	font-size: 22px;
	font-weight: 100;
}

.contents-headline .contents-border {
	border-bottom: dotted 1px #888;
}


.contents-detail {
	max-width: 1000px;
	margin: 0 auto;
	padding: 30px 40px;
	text-align: left;
	line-height: 2em;
	letter-spacing: 0.3em;
	font-size: 12px;
}

.contents-detail ul li {
	list-style-type: disc;
	margin-left: 20px;
	letter-spacing: 2px;
}

.contents-explanation {
	max-width: 1000px;
	margin: 0 auto;
	padding: 30px 40px;
	text-align: left;
	line-height: 2em;
	letter-spacing: 0.3em;
	font-size: 14px;
}

/*------------ price ------------*/

.price-table {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
	-ms-grid-rows: auto;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	grid-template-rows: auto;
	max-width: 940px;
	min-width: 280px;
	margin: 20px auto 0px auto;
	width: 100%;
	height: auto;
}

.price-table-web {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 10px 1fr 10px 1fr;
	-ms-grid-rows: auto;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	grid-template-rows: auto;
	max-width: 940px;
	min-width: 280px;
	margin: 20px auto 0px auto;
	width: 100%;
	height: auto;
}

/*
.service-table-web {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 10px 1fr;
	-ms-grid-rows: auto;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	gap: 30px;
	max-width: 940px;
	min-width: 280px;
	margin: 20px auto 0px auto;
	width: 100%;
	height: auto;
	padding: 20px;
}
*/

.service-table-web {
	display: flex;
    flex-wrap: wrap;
    gap: 5%;
    max-width: 1000px;
    margin: 20px auto 0px auto;
    width: 100%;
    height: auto;
}


/*-- 1 --------------*/

.price-table1 {
	margin: 10px 5px 35px 5px;
	border: solid 1px #e4ebe7;
		-ms-grid-column: 1;
		grid-column: 1 / 2;
}

	.price-table1_1 {
		-ms-grid-row: 1;
		grid-row: 1 / 2;
		height: 180px;
	}

	.price-table1_2 {
		-ms-grid-row: 2;
		grid-row: 2 / 3;
		height: 80px;
	}

	.price-table1_3 {
		-ms-grid-row: 3;
		grid-row: 3 / 4;
		height: 50px;
	}

	.price-table1_4 {
		-ms-grid-row: 4;
		grid-row: 4 / 5;
		height: 50px;
	}

	.price-table1_5 {
		-ms-grid-row: 5;
		grid-row: 5 / 6;
		height: 50px;
	}

	.price-table1_6 {
		-ms-grid-row: 6;
		grid-row: 6 / 7;
		height: 50px;
	}

	.price-table1_7 {
		-ms-grid-row: 7;
		grid-row: 7 / 8;
		height: 50px;
	}

	.price-table1_8 {
		-ms-grid-row: 8;
		grid-row: 8 / 9;
		height: 50px;
	}

/*-- 2 --------------*/

.price-table2 {
	margin: 10px 5px 35px 5px;
	border: solid 1px #ddd;
		-ms-grid-column: 3;
		grid-column: 2 / 3;
}

	.price-table2_1 {
		-ms-grid-row: 1;
		grid-row: 1 / 2;
		height: 180px;
	}

	.price-table2_2 {
		-ms-grid-row: 2;
		grid-row: 2 / 3;
		height: 80px;
	}

	.price-table2_3 {
		-ms-grid-row: 3;
		grid-row: 3 / 4;
		height: 50px;
	}

	.price-table2_4 {
		-ms-grid-row: 4;
		grid-row: 4 / 5;
		height: 50px;
	}

	.price-table2_5 {
		-ms-grid-row: 5;
		grid-row: 5 / 6;
		height: 50px;
	}

	.price-table2_6 {
		-ms-grid-row: 6;
		grid-row: 6 / 7;
		height: 50px;
	}

	.price-table2_7 {
		-ms-grid-row: 7;
		grid-row: 7 / 8;
		height: 50px;
	}

	.price-table2_8 {
		-ms-grid-row: 8;
		grid-row: 8 / 9;
		height: 50px;
	}

/*-- 3 --------------*/

.price-table3 {
	margin: 10px 5px 35px 5px;
	border: solid 1px #ddd;
		-ms-grid-column: 5;
		grid-column: 3 / 4;
}

	.price-table3_1 {
		-ms-grid-row: 1;
		grid-row: 1 / 2;
		height: 180px;
	}

	.price-table3_2 {
		-ms-grid-row: 2;
		grid-row: 2 / 3;
		height: 80px;
	}

	.price-table3_3 {
		-ms-grid-row: 3;
		grid-row: 3 / 4;
		height: 50px;
	}

	.price-table3_4 {
		-ms-grid-row: 4;
		grid-row: 4 / 5;
		height: 50px;
	}

	.price-table3_5 {
		-ms-grid-row: 5;
		grid-row: 5 / 6;
		height: 50px;
	}

	.price-table3_6 {
		-ms-grid-row: 6;
		grid-row: 6 / 7;
		height: 50px;
	}

	.price-table3_7 {
		-ms-grid-row: 7;
		grid-row: 7 / 8;
		height: 50px;
	}

	.price-table3_8 {
		-ms-grid-row: 8;
		grid-row: 8 / 9;
		height: 50px;
	}

/*-- 4 --------------*/

.price-table4 {
	margin: 10px 5px 35px 5px;
	border: solid 1px #ddd;
		-ms-grid-column: 7;
		grid-column: 4 / 5;
}

	.price-table4_1 {
		-ms-grid-row: 1;
		grid-row: 1 / 2;
		height: 180px;
	}

	.price-table4_2 {
		-ms-grid-row: 2;
		grid-row: 2 / 3;
		height: 80px;
	}

	.price-table4_3 {
		-ms-grid-row: 3;
		grid-row: 3 / 4;
		height: 50px;
	}

	.price-table4_4 {
		-ms-grid-row: 4;
		grid-row: 4 / 5;
		height: 50px;
	}

	.price-table4_5 {
		-ms-grid-row: 5;
		grid-row: 5 / 6;
		height: 50px;
	}

	.price-table4_6 {
		-ms-grid-row: 6;
		grid-row: 6 / 7;
		height: 50px;
	}

	.price-table4_7 {
		-ms-grid-row: 7;
		grid-row: 7 / 8;
		height: 50px;
	}

	.price-table4_8 {
		-ms-grid-row: 8;
		grid-row: 8 / 9;
		height: 50px;
	}



/*-- 1 --------------*/

.service-table1 {
	margin-top: 50px;
    border: solid 1px #e4ebe7;
    width: 47.5%;
}

	.service-table1_1 {
		-ms-grid-row: 1;
		grid-row: 1 / 2;
		height: 180px;
	}

	.service-table1_2 {
		-ms-grid-row: 2;
		grid-row: 2 / 3;
		height: 80px;
	}

	.service-table1_3 {
		-ms-grid-row: 3;
		grid-row: 3 / 4;
		height: 50px;
	}

	.service-table1_4 {
		-ms-grid-row: 4;
		grid-row: 4 / 5;
		height: 50px;
	}

	.service-table1_5 {
		-ms-grid-row: 5;
		grid-row: 5 / 6;
		height: 50px;
	}

	.service-table1_6 {
		-ms-grid-row: 6;
		grid-row: 6 / 7;
		height: 50px;
	}

	.service-table1_7 {
		-ms-grid-row: 7;
		grid-row: 7 / 8;
		height: 50px;
	}

	.service-table1_8 {
		-ms-grid-row: 8;
		grid-row: 8 / 9;
		height: 50px;
	}


/*-------------------*/

	.price-table1_1,
	.price-table2_1,
	.price-table3_1,
	.price-table4_1 {
		background: #e4ebe7;
		font-size: 1.3em;
		text-align: center;
		display: block;
		height: 200px;
		color: #555;
		border: solid 1px #ddd;
	}

	.price-table1_2,
	.price-table2_2,
	.price-table3_2,
	.price-table4_2 {
		margin: 10px 5px;
		padding: 20px 10px 0 10px;
		font-size: 2em;
		text-align: center;
		height: 100px;
		color: #555;
	}


	.service-table1_1 {
		background: #e4ebe7;
		font-size: 2em;
	    font-weight: 700;
		text-align: center;
		display: block;
		height: 300px;
		color: #555;
		border: solid 1px #ddd;
	}

	.service-table1_2 {
		margin: 10px 5px;
		padding: 20px;
		font-size: 1.5em;
		text-align: left;
		height: auto;
		color: #555;
	}


	.price-table1_3,
	.price-table2_3,
	.price-table3_3,
	.price-table4_3,
	.price-table1_4,
	.price-table2_4,
	.price-table3_4,
	.price-table4_4,
	.price-table1_5,
	.price-table2_5,
	.price-table3_5,
	.price-table4_5,
	.price-table1_6,
	.price-table2_6,
	.price-table3_6,
	.price-table4_6,
	.price-table1_7,
	.price-table2_7,
	.price-table3_7,
	.price-table4_7,
	.price-table1_8,
	.price-table2_8,
	.price-table3_8,
	.price-table4_8,
	.service-table1_3,
	.service-table1_4,
	.service-table1_5,
	.service-table1_6,
	.service-table1_7,
	.service-table1_8 {
		margin: 5px 5px;
		padding: 0 5px;
		font-size: 1em;
		text-align: right;
		height: 35px;
		color: #555;
	}




	.price-table1_list,
	.price-table2_list,
	.price-table3_list,
	.price-table4_list,
	.service-table1_list {
		margin: 10px 5px;
		padding: 0 5px;
		font-size: 1em;
		text-align: right;
		height: 240px;
		color: #555;
	}


	.price-table1_list ul,
	.service-table1_list ul {
		text-align: left;
		padding-top: 15px;
	}

	.price-table1_list ul li,
	.service-table1_list ul li {
		list-style-type: disc;
		margin-left: 25px;
		letter-spacing: 2px;
		line-height: 2.5em;
		font-size: 0.8em;
	}


.price-table img,
.price-table-web img,
.service-table1 img {
	margin: 30px 0px;
}

.price-table p,
.price-table-web p,
.service-table1 p {
	border-bottom: dotted 1px #555;
	margin: 0px 10px 20px 10px;
	padding: 10px 0;
}

.price-square,
.service-square {
	text-align: center;
	float: left;
	margin-top: -5px;
	padding: 5px 5px;
	color: #555;
	border: solid 1px #aaa;
	border-radius: 2px;
	width: 115px;
	height: 25px;
	font-size: 1em;
}

.price-comment-size {
	font-size: 0.7em;
	color: #333
}


.price-comment-number {
	font-size: 11px;
	color: #333
}

.price-comments {
	max-width: 940px;
	min-width: 280px;
	margin: 0px auto 20px auto;
	padding: 0 10px;
	width: 100%;
	height: auto;
	line-height: 2em;
	text-indent: 1em;
	font-size: 11px;
	color: #333
}

	.price-comments ul {
		text-align: left;
		padding: 15px 0 0 1em;
	}

	.price-comments ul li {
		list-style-type: none;
		text-indent: -3em;
		margin-left: 20px;
		letter-spacing: 2px;
		line-height: 2.5em;
	}

	.price-comments .price-tax {
		margin-top: 50px;
		float: right;
		font-size: 11px;
		color: #333;
	}

.web-comments {
	max-width: 1000px;
	min-width: 280px;
	margin: 30px auto;
	width: 100%;
	height: auto;
	line-height: 2em;
	font-size: 11px;
	color: #333
}


/*--------- option price ---------*/

.option-price-table {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100px 500px 1fr;
	-ms-grid-rows: 50px 1fr;
	grid-template-columns: 100px 500px 1fr;
	grid-template-rows: 50px 1fr;
	max-width: 940px;
	margin: 20px auto;
	width: 100%;
	height: auto;
}


	.option-price-table1_1 {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		grid-column: 1 / 2;
		grid-row: 1 / 3;
		padding: 70px 0px;
		background: #e4ebe7;
		color: #555;
		text-align: center;
		border-top: solid 1px #ddd;
		border-left: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
	}

	.option-price-table1_2 {
		-ms-grid-column: 2;
		-ms-grid-row: 1;
		grid-column: 2 / 3;
		grid-row: 1 / 2;
		padding: 15px 0px 15px 20px;
		font-size: 1.5em;
		text-align: left;
		color: #333;
		border-top: solid 1px #ddd;
		border-left: solid 1px #ddd;
		border-bottom: dotted 1px #ddd;
	}

	.option-price-table1_3 {
		-ms-grid-column: 3;
		-ms-grid-row: 1;
		grid-column: 3 / 4;
		grid-row: 1 / 2;
		padding: 15px 20px 15px 0px;
		font-size: 1.7em;
		text-align: right;
		color: #333;
		border-top: solid 1px #ddd;
		border-right: solid 1px #ddd;
		border-bottom: dotted 1px #ddd;
	}

	.option-price-table1_4 {
		-ms-grid-column: 2;
		-ms-grid-column-span: 2;
		-ms-grid-row: 2;
		grid-column: 2 / 4;
		grid-row: 2 / 3;
		padding: 20px;
		font-size: 1.1em;
		text-align: left;
		color: #555;
		line-height: 1.8em;
		border-left: solid 1px #ddd;
		border-right: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
	}

.option-price-table .pricedown {
	color: red;
}





/*--- Portfolio page ----*/

.category-name-position {
	padding: 600px 0 10px 0;
}


.category-name {
	max-width: 465px;
	margin: 0px auto;
	padding: 10px 0;
	text-align: center;
	font-family: "museo-sans",sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #555;
	letter-spacing: 0.2em;
	border: dotted 1px #888;
	background-color: #fff;

}


/*--- Thanks page ----*/

.thanks-position {
	padding-top: 150px;
}

.thanks-background {
	height: 100px;
	background: #e4ebe7;
	margin-top: -80px;
}

/*--- notfound page ----*/

.notfound-position {
	max-width: 800px;
	padding-top: 200px;
	margin: 0 auto
}

.notfound-position h1 {
	font-size: 500%;
	font-weight: 700;
	color: #fff;
	line-height: 3.5em;
	letter-spacing: 0.1em;
	padding: 0px 50px;
}

.notfound-position p {
	font-size: 200%;
	color: #777
	line-height: 3.5em;
	letter-spacing: 0.1em;
	padding: 0px 50px;
}

.notfound-background {
	height: 50px;
	background: #e4ebe7;
	margin-top: -70px;
}

/*--- search results page ----*/

.search-position {
	max-width: 800px;
	padding-top: 100px;
	margin: 0 auto;
}

.search-position h1 {
	font-size: 18px;
	font-weight: 500;
	color: #555;
	line-height: 3.5em;
	letter-spacing: 0.1em;
	padding: 30px 50px;
}

.search-position ul {
	padding-left: 55px;
	text-align: left;
}

.search-position ul li {
	font-size: 14px;
	line-height: 15px;
	letter-spacing: 0.1em;
}

.search-excerpt {
	font-size: 11px;
	line-height: 25px;
	padding: 5px 30px 30px 20px;
	text-align: left;
}


/*--- other page ----*/

#contents {
	position: relative;
	margin: -20px 0 55px 0;
	left: 0px;
	width:100%;
	background: #e4ebe7;
	text-align: left;
}

#contents-category {
	position: relative;
	margin-top: -20px;
	width:100%;
	background: #e4ebe7;
	text-align: left;
}

#contents-single {
	position: relative;
	top: 0;
	left: 0;
    width: 100%;
    height: auto;
	background: #fff;
	text-align: left;
	z-index: 10;
}

/*--- post pager ----*/

.link {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 25% 50% 25%;
	-ms-grid-rows: auto;
	grid-template-columns: 25% 50% 25%;
	grid-template-rows: auto;
	max-width: 1200px;
	min-width: 300px;
	width: 100%;
}

	.new_post {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		grid-column: 1 / 2;
		grid-row: 1;
		padding: 20px 0;
		margin: 30px 0;
		line-height: 3.5em;
		letter-spacing: 0.1em;
		font-size: 12px;
		text-align: left;
		display: block;
		cursor: pointer;
	}

	.belongs_category {
		-ms-grid-column: 2;
		-ms-grid-row: 1;
		grid-column: 2 / 3;
		grid-row: 1;
		padding: 15px 0;
		margin: 50px 0;
		line-height: 0.5em;
		letter-spacing: 0.2em;
		font-size: 12px;
		text-align: center;
		color: #7bc9b5;
		display: block;
		cursor: pointer;
		border: dotted 1px #7bc9b5;
	}

	.old_post {
		-ms-grid-column: 3;
		-ms-grid-row: 1;
		grid-column: 3 / 4;
		grid-row: 1;
		padding: 20px 0;
		margin: 30px 0;
		line-height: 3.5em;
		letter-spacing: 0.1em;
		font-size: 12px;
		text-align: right;
		display: block;
		cursor: pointer;
	}

	.new_post img,
	.old_post img {
		width: 25px;
		height: 25px;    
	}


.archive-contents {
	max-width: 1500px;
	min-height: 800px;
	margin: 0px auto 55px auto;
	padding: 70px 20px;
	line-height: 50px;
}

.post-layout {
	max-width: 1028px;
	margin: 0 auto 30px auto;
	padding: 20px 20px 100px 20px;
}

.post-layout h1 {
	font-weight: 100;
	color: #555;
}

.post-contents {
	max-width: 1200px;
	min-height: 500px;
	margin: 0 auto;
	padding: 0 3%;
	text-align: left;
	line-height: 2rem;
	letter-spacing: 2px;
	color: #333;
}

	.post-category {
		min-width: 300px;
		width: 100%;
		height: auto;    
		background: #fff;
		float: none;
		vertical-align: top;
		display: inline-block;
	}

		.post-item1 {
			border: solid 1px #7bc9b5;
			text-align: center;
			background: #fff;
			padding: 30px 30px 0 30px;
			position: relative;
			font-size: 12px;
		}

		.post-item1 p {
			line-height: 5em;
			font-size: 12px;
		}

		.post-item1 ul li {
			line-height: 5em;
			text-align: center;
			border-top: solid 0.5px #eee;
			box-sizing:border-box;
			font-size: 11px;
		}

		.post-item1 ul li a {
			display: block;
		}


.post-contents2 {
	display: block;
	position: relative;
}

	.post-right2 {
		width: 300px;
		height: 300px;    
		background: #fff;
		border: solid 1px #7bc9b5;
		float: none;
		vertical-align: top;
		display: inline-block;
	}

		.post-item2 {
			text-align: center;
			background: #fff;
			padding: 5px;
			margin: 0.5%;
			position: relative;
			font-size: 12px;
		}

		.post-item2 p {
			line-height: 35px;
			font-size: 12px;
		}

		.post-item2 ul li {
			line-height: 31px;
			text-align: center;
			border-top: solid 1px #eee;
			box-sizing:border-box;
			font-size: 10px;
		}

		.post-item2 ul li a {
			display: block;
		}


.contents_area p {
	line-height: 2em;
}

/*  「すべてのカテゴリ」横幅算出  */

:root {
    --contents-width1: calc(100% * 0.329);
    --contents-width2: calc(var(--contents-width1) - 300px);
}

.category-place {
	max-width: 1500px;
	text-align: center;
}

.category-width {
	margin: 100px auto 0 auto;
	width: calc(100% - var(--contents-width2));
}


/*  ボタン  */


/*  お問い合わせフォーム　*/


/*  フッター  */

#footer {
	position: relative;
	background: #555555;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.footer-01 {
	max-width: 500px;
	margin: 0px auto;
	text-align: center;
}

.footer-01 img {
	margin: 50px;
	width: 100px;
}

.footer-02 {
	max-width: 500px;
	margin: 0px auto;
	text-align: center;
}

.footer-02 img {
	width: 30px;
	height: 30px;
	margin: 0 20px 50px;
}


/*  COPYRIGHT  */


.copyright {
	color: #fff;
	font-size: 10px;
	line-height: 2.;
	letter-spacing: 0.3em;
	text-align: center;
	padding-bottom: 50px;
}


/*--- Pagenation ---*/

.pager {
	height: 72px;
}

.pager  ul.pagination {
	text-align: center;
	margin-top: 30px;
	padding: 0;
}

.pager .pagination li {
	margin: 0 2px;
	padding: 0;
	display: inline-block;
	background:#e1f7ff;
	width: 50px;
	height: 50px;
	border-radius: 3px;
	text-align: center;
	position: relative;
	font-size: 11px;
}

.pager .pagination li a{
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display:table;
	color: #777;
	text-decoration: none;
}

.pager .pagination li span{
	line-height: 50px;
	width: 50px;
	height: 50px;
}

.pager .pagination li a span{
	display:table-cell;
	vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
	color: #fff;
	background: #b4cdd5;
	border-radius: 3px;
}


/*  ボタン  */

.btn-top{
	height: 50px;
    background: #e4ebe7;
}

.btn{
	text-align: center;
	max-width: 940px;
	margin: 80px 30px 20px 30px;
    padding: 10px 0px;
    background: #7bc9b5;
    display: block;
}

.btn a {
    color: #fff;
    font-size: 150%;
    letter-spacing: 0.3em;
    font-family: inherit;
    display: block;
    -webkit-appearance: none;
}


/*--------------------- 解像度低めのPC ---------------------------------------------------------------*/

@media screen and (max-width:1024px) and (min-width:768px)	{


	.shirasu.type1 img {
		width: 150px;
	}

	.shirasu.type2 img {
		margin-top: 60px;
		width: 150px;
	}

	.shirasu.type3 img {
		margin-top: 120px;
		width: 150px;
	}

	.search {
		top: 175px;
	}

	@-webkit-@keyframes shirasu1_1 {
		0%   { transform: scale(1.0, 1.0) translateX(0px); }
		10%  { transform: scale(0.8, 1.1) translateX(-10px); }
		20%  { transform: scale(0.5, 1.2) translateX(-40px); }
		30%  { transform: scale(0.8, 1.0) translateX(-10px); }
		100% { transform: scale(1.0, 1.0) translateX(38.5vw); }
	}
 
	@keyframes shirasu1_1 {
		0%   { transform: scale(1.0, 1.0) translateX(0px); }
		10%  { transform: scale(0.8, 1.1) translateX(-10px); }
		20%  { transform: scale(0.5, 1.2) translateX(-40px); }
		30%  { transform: scale(0.8, 1.0) translateX(-10px); }
		100% { transform: scale(1.0, 1.0) translateX(38.5vw); }
	}


	#top-front,
	#top-flow,
	#top-price,
	#top-portfolio,
	#top-contact {
		top: -120px;
		position: relative;
		width: 100%;
		height: 1000px;
	}

	#top-front	{
		background: #e4ebe7;
		background-repeat: no-repeat;
		background-position: 50% 35%;
		background-size: 500px;
		background-image: url('img/front.png');
	}

	#top-flow	{
		background: rgba(218, 227, 232, 0.5);
		background-repeat: no-repeat;
		background-position: 50% 35%;
		background-size: 500px;
		background-image: url('img/flow.png');
	}

	#top-price	{
		background: #465D6D;
		background-repeat: no-repeat;
		background-position: 50% 35%;
		background-size: 500px;
		background-image: url('img/price.png');
	}

	#top-portfolio	{
		background: rgba(255, 255, 255, 0.5);
		background-repeat: no-repeat;
		background-position: 50% 35%;
		background-size: 500px;
		background-image: url('img/portfolio.png');
	}

	#top-contact	{
		background: rgba(218, 227, 232, 0.8);
		background-repeat: no-repeat;
		background-position: 50% 35%;
		background-size: 500px;
		background-image: url('img/contact.png');
	}


	.category-name-position {
		padding: 635px 0 10px 0;
	}

	.category-name {
		max-width: 465px;
		font-size: 20px;
	}

/*--- Wave(front-page) ---*/

	.editorial {
		width: 100%;
		height: 60px;
		max-height: 60px;
		margin: 50px 0 0 0;
	}

	@-webkit-keyframes scrollBad {
		0% {
			background-position: 0 0;
		}
		100% {
			background-position: 0 -645px;
		}
	}

	@keyframes scrollBad {
		0% {
			background-position: 0 0;
		}
		100% {
			background-position: 0 -645px;
		}
	}

	@-webkit-keyframes scrollGood {
		0% {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		100% {
			-webkit-transform: translate3d(0, -645px, 0);
			transform: translate3d(0, -645px, 0);
		}
	}

	@keyframes scrollGood {
		0% {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		100% {
			-webkit-transform: translate3d(0, -645px, 0);
			transform: translate3d(0, -645px, 0);
		}
	}


	.top {
		background-color: #fff;
		background-image:  url('img/portfolio_img_m.png');
		background-position: center center;
		background-size: 750px;
		height: 32%;
	}

	.bottom {
		height: 32%;
	}

	.bottom .scroll {
		background-image:  url('img/portfolio_img_m.png');
		background-position: center center;
		background-size: 750px;
	}


	#lead	{
		margin-top: -250px;
	}

	.header-position img {
		width: 210px;
	}

	.archive-contents {
		max-width: 1024px;
	}

.	jima-scroll-back {
		height: 160px;
		margin: 0px auto;
		text-align: center;
	}

	.jima-scroll {
		margin: -120px 15px 15px auto;
		text-align: center;
	}
	
	.jima-scroll-back img {
		width: 150px;
		height: auto;
	}

	.jima-scroll img {
		width: 80px;
		height: auto;
	}

	.scroll-top {
		height: 150px;
		margin: -110px auto 0 auto;
	}

	.scroll-top img {
		margin-top: 70px;
		width: 180px;
	}

	.scroll-topup {
		margin: -120px 10px 0px auto;
		text-align: center;
	}

	.scroll-topup a img {
		width: 90px;
	}

	.contactform-position {
		padding: 480px 0 10px 0;
	}

	.contactform-background {
		height: 300px;
	}

	.form-link {
		gap: 5vw;
	}

		.form-link-btn1 {
			font-size: 12px;
		}

		.form-link-btn2 {
			font-size: 12px;
		}


	.front-headline {
		max-width: 200px;
		margin: 0 auto;
		padding: 80px 0 15px 0;
		text-align: center;
		line-height: 2em;
		font-size: 14px;
		font-weight: 100;
		border-bottom: dotted 1px #888;
	}


	.front-greeting {
		padding: 30px 100px;
		line-height: 2.5em;
		letter-spacing: 0.3em;
		font-size: 12px;
	}

	.contents-headline {
		line-height: 2.5em;
		font-size: 20px;
	}


	.contents-detail {
		line-height: 1.5em;
		letter-spacing: 0.3em;
		font-size: 12px;
	}


/*----- price -----*/

	.price-table {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: repeat(auto-fit, minmax(160px, 1fr));
		-ms-grid-rows: auto;
		grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
		grid-template-rows: auto;
		padding: 0 35px;
	}

	.price-table-web {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 10px 1fr 10px 1fr;
		-ms-grid-rows: auto;
		grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
		grid-template-rows: auto;
		padding: 0 35px;
	}



	.price-table1_1,
	.price-table2_1,
	.price-table3_1,
	.price-table4_1 {
		font-size: 1em;
	}

	.service-table1_1 {
		font-size: 1.8em;
	}	

	.price-table1_2,
	.price-table2_2,
	.price-table3_2,
	.price-table4_2 {
		font-size: 1.5em;
	}


	.service-table1_2 {
		font-size: 1.3em;
	}	

	.price-table1_3,
	.price-table2_3,
	.price-table3_3,
	.price-table4_3,
	.price-table1_4,
	.price-table2_4,
	.price-table3_4,
	.price-table4_4,
	.service-table1_3,
	.service-table1_4 {
		font-size: 1em;
	}

	.price-table1_5,
	.price-table2_5,
	.price-table3_5,
	.price-table4_5,
	.price-table1_6,
	.price-table2_6,
	.price-table3_6,
	.price-table4_6,
	.price-table1_7,
	.price-table2_7,
	.price-table3_7,
	.price-table4_7,
	.service-table1_5,
	.service-table1_6,
	.service-table1_7 {
		font-size: 0.8em;
	}

	.price-table1_8,
	.price-table2_8,
	.price-table3_8,
	.price-table4_8,
	.service-table1_8 {
		font-size: 0.8em;
	}

	.price-table img,
	.price-table-web img,
	.service-table1 img{
		margin: 20px 0px;
	}

	.price-table p,
	.price-table-web p,
	.service-table1 p {
		border-bottom: solid 1px #333;
		margin: 0px 10px 20px 10px;
		padding: 10px 0;
	}

	.price-square,
	.service-square {
		margin-top: -5px;
		padding: 5px 5px;
		width: 100px;
		height: 25px;
		font-size: 0.8em;
	}

	.web-comments {
		padding: 0 40px;
	}

	.price-comments {
		padding: 0 35px;
	}

	.price-comments ul {
		padding: 15px 0 0 2em;
	}


	.option-price-table {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 100px 450px 1fr;
		-ms-grid-rows: 50px 1fr;
		grid-template-columns: 100px 450px 1fr;
		grid-template-rows: 50px 1fr;
		padding: 0 35px;
	}

	.option-price-table1_1 {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		grid-column: 1 / 2;
		grid-row: 1 / 3;
	}

	.option-price-table1_2,
	.option-price-table1_3 {
		font-size: 1.2em;
	}

	.option-price-table1_4 {
		font-size: 1em;
	}

	.btn a {
		font-size: 130%;
	}





}

/*--------------------- タブレット ---------------------------------------------------------------*/

@media screen and (max-width:768px) and (min-width:481px)	{

	.search-position {
		padding-top: 50px;
	}

	.shirasu.type1 img {
		width: 100px;
		height: 24px;
	}

	.shirasu.type2 img {
		margin-top: 40px;
		width: 100px;
		height: 24px;
	}

	.shirasu.type3 img {
		margin-top: 80px;
		width: 100px;
		height: 24px;
	}

	@-webkit-@keyframes shirasu1_1 {
		0%   { transform: scale(1.0, 1.0) translateX(0px); }
		10%  { transform: scale(0.8, 1.1) translateX(-10px); }
		20%  { transform: scale(0.5, 1.2) translateX(-40px); }
		30%  { transform: scale(0.8, 1.0) translateX(-10px); }
		100% { transform: scale(1.0, 1.0) translateX(41.5vw); }
	}
 
	@keyframes shirasu1_1 {
		0%   { transform: scale(1.0, 1.0) translateX(0px); }
		10%  { transform: scale(0.8, 1.1) translateX(-10px); }
		20%  { transform: scale(0.5, 1.2) translateX(-40px); }
		30%  { transform: scale(0.8, 1.0) translateX(-10px); }
		100% { transform: scale(1.0, 1.0) translateX(41.5vw); }
	}

	#top-front,
	#top-flow,
	#top-price,
	#top-portfolio,
	#top-contact {
		top: -120px;
		position: relative;
		width: 100%;
		height: 1000px;
	}

	#top-front	{
		background: #e4ebe7;
		background-repeat: no-repeat;
		background-position: 50% 30%;
		background-size: 400px;
		background-image: url('img/front_m.png');
	}

	#top-flow	{
		background: rgba(218, 227, 232, 0.5);
		background-repeat: no-repeat;
		background-position: 50% 30%;
		background-size: 400px;
		background-image: url('img/flow_m.png');
	}

	#top-price	{
		background: #465D6D;
		background-repeat: no-repeat;
		background-position: 50% 30%;
		background-size: 400px;
		background-image: url('img/price_m.png');
	}

	#top-contact	{
		background: rgba(218, 227, 232, 0.8);
		background-repeat: no-repeat;
		background-position: 50% 30%;
		background-size: 400px;
		background-image: url('img/contact_m.png');
	}

	#top-portfolio	{
		background: rgba(255, 255, 255, 0.5);
		background-repeat: no-repeat;
		background-position: 50% 30%;
		background-size: 400px;
		background-image: url('img/portfolio_m.png');
	}


	.category-name-position {
		padding: 555px 0 10px 0;
	}

	.category-name {
		max-width: 370px;
		font-size: 18px;
	}

	.share-button {
		max-width: 370px;
	}

/*--- Wave(front-page) ---*/

	.editorial {
		width: 100%;
		height: 40px;
		max-height: 40px;
		margin: -80px 0 0 0;
	}

/*--- constellation(page-portfolio) ---*/

	@-webkit-keyframes scrollBad {
		0% {
			background-position: 0 0;
		}
		100% {
			background-position: 0 -484px;
		}
	}

	@keyframes scrollBad {
		0% {
			background-position: 0 0;
		}
		100% {
			background-position: 0 -484px;
		}
	}

	@-webkit-keyframes scrollGood {
		0% {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		100% {
			-webkit-transform: translate3d(0, -484px, 0);
			transform: translate3d(0, -484px, 0);
		}
	}

	@keyframes scrollGood {
		0% {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		100% {
			-webkit-transform: translate3d(0, -484px, 0);
			transform: translate3d(0, -484px, 0);
		}
	}

/*--- circle(page-contact) ---*/

	.circle{
		position: absolute;
		border-radius: 50%;
		background: white;
		animation: ripple 15s infinite;
		box-shadow: 0px 0px 1px 0px #508fb9;
		z-index: -1;
	}

	.large{
		width: 400px;
		height: 400px;
		left: -200px;
		bottom: -200px;
	}

	.xlarge{
		width: 600px;
		height: 600px;
		left: -300px;
		bottom: -300px;
	}

	.xxlarge{
		width: 800px;
		height: 800px;
		left: -400px;
		bottom: -400px;
	}


	.top {
		background-color: #fff;
		background-image:  url('img/portfolio_img_m.png');
		background-position: center center;
		background-size: 750px;
		height: 28%;
	}

	.bottom {
		height: 28%;
	}

	.bottom .scroll {
		background-image:  url('img/portfolio_img_m.png');
		background-position: center center;
		background-size: 750px;
	}


	#lead	{
		margin-top: -400px;
	}

	.top-backgroundimg img {
		width: 75%;
	}

	.header-position img {
		width: 200px;
	}

	.archive-contents {
		max-width: 768px;
	}

.	jima-scroll-back {
		height: 160px;
		margin: 0px auto;
		text-align: center;
	}

	.jima-scroll {
		margin: -120px 10px 15px auto;
		text-align: center;
	}
	
	.jima-scroll-back img {
		width: 150px;
		height: auto;
	}

	.jima-scroll img {
		width: 80px;
		height: auto;
	}

	.scroll-top {
		height: 150px;
		margin: -105px auto -20px auto;
	}

	.scroll-top img {
		margin-top: 80px;
		width: 160px;
	}

	.scroll-topup {
		margin: -125px 10px 0px auto;
		text-align: center;
	}

	.scroll-topup a img {
		width: 80px;
	}


	div#thanks h1 {
		font-size: 125%;
	}

	div#thanks p {
		font-size: 100%;
	}

	.thanks-position {
		padding-top: 80px;
	}

	.notfound-position {
		padding-top: 70px;
	}

	.notfound-position h1 {
		font-size: 300%;
		font-weight: 700;
		line-height: 2.5em;
		padding: 0px 50px;
	}

	.notfound-position p {
		font-size: 150%;
		line-height: 2.5em;
		padding: 0px 50px;
	}


	.u-sp-view {
		display: block!important;
	}

	.u-sp-img {
	display: inline!important;
	}

	.form-link {
		display: block;
		text-align: center;
	}

		.form-link-btn1 {
			font-size: 12px;
			margin: 30px 0 50px 0;
		}

		.form-link-btn2 {
			font-size: 12px;
		}


	.post-contents {
		display: block;
	}

	.front-headline {
		max-width: 200px;
		margin: 0 auto;
		padding: 80px 0 15px 0;
		text-align: center;
		line-height: 2em;
		font-size: 13px;
		font-weight: 100;
		border-bottom: dotted 1px #888;
	}


	.front-greeting {
		line-height: 2.5em;
		letter-spacing: 0.3em;
		font-size: 11px;
	}

	.contents-headline {
		line-height: 2em;
		font-size: 18px;
	}


	.contents-detail {
		line-height: 1.5em;
		letter-spacing: 0.3em;
		font-size: 11px;
	}

	.new_post {
		font-size: 11px;
	}

	.belongs_category {
		font-size: 11px;
	}

	.old_post {
		font-size: 11px;
	}

	.price-table,
	.price-table-web {
		display: block;
		max-width: 750px;
		margin: 20px auto;
		padding: 0 30px;
	}

	.service-table-web {
		display: block;
		max-width: 940px;
		min-width: 280px;
		margin: 20px auto 0px auto;
		width: 100%;
		height: auto;
	}

	.service-table1 {
        width: 100%;
	}

/*
	.web-comments {
		padding: 0 40px;
	}

	
	.price-comments {
		padding: 0 35px;
	}
*/

	.price-comments ul {
		padding: 15px 0 0 1.4em;
	}


	.option-price-table {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		-ms-grid-rows: 120px 80px 100px auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		max-width: 770px;
		margin: 20px auto;
		padding: 0px 35px;
		width: 100%;
		height: auto;
	}


	.option-price-table1_1 {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		height: 120px;
		padding: 30px 0px;
		background: #e4ebe7;
		color: #555;
		text-align: center;
		border-top: solid 1px #ddd;
		border-left: solid 1px #ddd;
		border-right: solid 1px #ddd;
		border-bottom: solid 0px #ddd;
	}

	.option-price-table1_2 {
		-ms-grid-column: 1;
		-ms-grid-row: 2;
		grid-column: 1 / 2;
		grid-row: 2 / 3;
		height: 80px;
		padding-top: 5px;
		background: #e4ebe7;
		font-size: 1.2em;
		text-align: center;
		color: #333;
		border-top: solid 0px #ddd;
		border-left: solid 1px #ddd;
		border-right: solid 1px #ddd;
		border-bottom: solid 0px #ddd;
	}

	.option-price-table1_3 {
		-ms-grid-column: 1;
		-ms-grid-row: 3;
		grid-column: 1 / 2;
		grid-row: 3 / 4;
		height: 100px;
		padding: 35px 10px 0 10px;
		font-size: 2.5em;
		text-align: center;
		color: #333;
		border-top: solid 0px #ddd;
		border-left: solid 1px #ddd;
		border-right: solid 1px #ddd;
	}

	.option-price-table1_4 {
		-ms-grid-column: 1;
		-ms-grid-row: 4;
		grid-column: 1 / 2;
		grid-row: 4 / 5;
		height: auto;
		padding: 20px;
		font-size: 1.1em;
		text-align: left;
		color: #555;
		line-height: 1.8em;
		border-left: solid 1px #ddd;
		border-right: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
	}

	.option-price-table p {
		border-bottom: dotted 1px #555;
		margin: 0px 10px 20px 10px;
		padding: 10px 0;
	}

	.btn a {
		font-size: 120%;
	}



}


/*--------------------- スマートフォン ---------------------------------------------------------------*/

@media screen and (max-width:480px)	{

	.search-position {
		padding-top: 30px;
	}

	.search-position h1 {
		font-size: 2em;
		font-weight: 200;
		padding: 0px 30px;
	}

	.search-position ul {
		padding-left: 35px;
	}

	.shirasu.type1 img {
		width: 80px;
	}

	.shirasu.type2 img {
		margin-top: 30px;
		width: 80px;
	}

	.shirasu.type3 img {
		margin-top: 60px;
		width: 80px;
	}

	@-webkit-@keyframes shirasu1_1 {
		0%   { transform: scale(1.0, 1.0) translateX(0px); }
		10%  { transform: scale(0.8, 1.1) translateX(-10px); }
		20%  { transform: scale(0.5, 1.2) translateX(-40px); }
		30%  { transform: scale(0.8, 1.0) translateX(-10px); }
		100% { transform: scale(1.0, 1.0) translateX(40.5vw); }
	}
 
	@keyframes shirasu1_1 {
		0%   { transform: scale(1.0, 1.0) translateX(0px); }
		10%  { transform: scale(0.8, 1.1) translateX(-10px); }
		20%  { transform: scale(0.5, 1.2) translateX(-40px); }
		30%  { transform: scale(0.8, 1.0) translateX(-10px); }
		100% { transform: scale(1.0, 1.0) translateX(40.5vw); }
	}

	#top-front,
	#top-flow,
	#top-price,
	#top-portfolio,
	#top-contact {
		top: -100px;
		position: relative;
		width: 100%;
		height: 1000px;
	}

	#top-front	{
		background: #e4ebe7;
		background-repeat: no-repeat;
		background-position: 50% 20%;
		background-size: 330px;
		background-image: url('img/front_s.png');
	}

	#top-flow	{
		background: rgba(218, 227, 232, 0.5);
		background-repeat: no-repeat;
		background-position: 50% 20%;
		background-size: 330px;
		background-image: url('img/flow_s.png');
	}

	#top-price	{
		background: #465D6D;
		background-repeat: no-repeat;
		background-position: 50% 20%;
		background-size: 330px;
		background-image: url('img/price_s.png');
	}

	#top-portfolio	{
		background: rgba(255, 255, 255, 0.5);
		background-repeat: no-repeat;
		background-position: 50% 20%;
		background-size: 330px;
		background-image: url('img/portfolio_s.png');
	}

	#top-contact	{
		background: rgba(218, 227, 232, 0.8);
		background-repeat: no-repeat;
		background-position: 50% 20%;
		background-size: 330px;
		background-image: url('img/contact_s.png');
	}


/*--- Wave(front-page) ---*/

	.editorial {
		width: 100%;
		height: 35px;
		max-height: 35px;
		margin: -185px 0 0 0;
	}

/*--- constellation(page-portfolio) ---*/

	@-webkit-keyframes scrollBad {
		0% {
			background-position: 0 0;
		}
		100% {
			background-position: 0 -258px;
		}
	}

	@keyframes scrollBad {
		0% {
			background-position: 0 0;
		}
		100% {
			background-position: 0 -258px;
		}
	}

	@-webkit-keyframes scrollGood {
		0% {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		100% {
			-webkit-transform: translate3d(0, -258px, 0);
			transform: translate3d(0, -258px, 0);
		}
	}

	@keyframes scrollGood {
		0% {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		100% {
			-webkit-transform: translate3d(0, -258px, 0);
			transform: translate3d(0, -258px, 0);
		}
	}

/*--- circle(page-contact) ---*/

	.circle{
		position: absolute;
		border-radius: 50%;
		background: white;
		animation: ripple 15s infinite;
		box-shadow: 0px 0px 1px 0px #508fb9;
		z-index: -1;
	}

	.large{
		width: 200px;
		height: 200px;
		left: -150px;
		bottom: 200px;
	}

	.xlarge{
		width: 400px;
		height: 400px;
		left: -250px;
		bottom: 100px;
	}

	.xxlarge{
		width: 600px;
		height: 600px;
		left: -350px;
		bottom: 0px;
	}


	.top {
		background-color: #fff;
		background-image:  url('img/portfolio_img_s.png');
		background-position: center center;
		background-size: 400px;
		height: 22%;
	}

	.bottom {
		height: 28%;
	}


	.bottom .scroll {
		background-image:  url('img/portfolio_img_s.png');
		background-position: center center;
		background-size: 400px;
	}


	#lead	{
		margin-top: -480px;
	}

	.category-name-position {
		padding: 525px 0 10px 0;
	}

	.category-name {
		margin-top: -70px;
		max-width: 325px;
		font-size: 16px;
	}

	.share-button {
		max-width: 325px;
	}


	.top-backgroundimg img {
		width: 70%;
	}

	.header-position img {
		width: 180px;
	}

	.archive-contents {
		max-width: 480px;
	}

.	jima-scroll-back {
		height: 170px;
		margin: 0px auto;
		text-align: center;
	}

	.jima-scroll {
		margin: -130px 5px 15px auto;
		text-align: center;
	}
	
	.jima-scroll-back img {
		width: 150px;
		height: auto;
	}

	.jima-scroll img {
		width: 80px;
		height: auto;
	}


	.scroll-top {
		height: 150px;
		margin: -105px auto -25px auto;
	}

	.scroll-top img {
		margin-top: 80px;
		width: 140px;
	}

	.scroll-topup {
		margin: -115px auto 0px auto;
		text-align: center;
	}

	.scroll-topup a img {
		width: 70px;
	}


	div#thanks h1 {
		font-size: 115%;
	}

	div#thanks p {
		font-size: 95%;
	}

	.thanks-position {
		padding-top: 80px;
	}

	.notfound-position {
		padding-top: 50px;
	}

	.notfound-position h1 {
		font-size: 220%;
		font-weight: 700;
		line-height: 2.5em;
		padding: 0px 30px;
	}

	.notfound-position p {
		font-size: 120%;
		line-height: 2.5em;
		padding: 0px 30px;
	}


	.u-sp-view {
		display: block!important;
	}

	.u-sp-img {
	display: inline!important;
	}


	.form-link {
		display: block;
		text-align: center;
	}

		.form-link-btn1 {
			padding: 20px 10px 0 0;
			font-size: 11px;
			margin: 30px 0 50px 0;

		}

		.form-link-btn2 {
			padding: 20px 10px 0 0;
			font-size: 11px;
		}

		.form-link img {
			width: 25px;
			height: 25px;
			margin: 0 10px;
		}


	.post-contents {
		display: block;
	}

	.front-headline {
		max-width: 200px;
		margin: 0 auto;
		padding: 80px 0 15px 0;
		text-align: center;
		line-height: 2em;
		font-size: 13px;
		font-weight: 100;
		border-bottom: dotted 1px #888;
	}


	.front-greeting {
		line-height: 2.5em;
		letter-spacing: 0.3em;
		font-size: 11px;
	}

	.contents-headline {
		line-height: 2.5em;
		font-size: 14px;
	}

	.contents-detail {
		line-height: 2.5em;
		letter-spacing: 0.3em;
		font-size: 11px;
	}

	.new_post {
		font-size: 10px;
	}

	.belongs_category {
		font-size: 10px;
	}

	.old_post {
		font-size: 10px;
	}

	.new_post img,
	.old_post img {
		width: 20px;
		height: 20px;    
	}

	.price-table,
	.price-table-web,
	.service-table-web {
		display: block;
		max-width: 750px;
		margin: 20px auto;
	}

	.price-comments {
		padding: 0 35px;
	}

	.price-comments ul {
		padding: 15px 0 0 1.4em;
	}


	.service-table1 {
        width: 100%;
	}

	.service-table1_1 {
		font-size: 1.8em;
	}

	.service-table1_2 {
		font-size: 1.2em;
	}



	.option-price-table {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		-ms-grid-rows: 120px 80px 100px auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		max-width: 770px;
		margin: 20px auto;
		padding: 0px 35px;
		width: 100%;
		height: auto;
	}


	.option-price-table1_1 {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		height: 120px;
		padding: 30px 0px;
		background: #e4ebe7;
		color: #555;
		text-align: center;
		border-top: solid 1px #ddd;
		border-left: solid 1px #ddd;
		border-right: solid 1px #ddd;
		border-bottom: solid 0px #ddd;
	}

	.option-price-table1_2 {
		-ms-grid-column: 1;
		-ms-grid-row: 2;
		grid-column: 1 / 2;
		grid-row: 2 / 3;
		height: 80px;
		padding-top: 5px;
		background: #e4ebe7;
		font-size: 1.1em;
		text-align: center;
		color: #333;
		border-top: solid 0px #ddd;
		border-left: solid 1px #ddd;
		border-right: solid 1px #ddd;
		border-bottom: solid 0px #ddd;
	}

	.option-price-table1_3 {
		-ms-grid-column: 1;
		-ms-grid-row: 3;
		grid-column: 1 / 2;
		grid-row: 3 / 4;
		height: 100px;
		padding: 35px 10px 0 10px;
		font-size: 2em;
		text-align: center;
		color: #333;
		border-top: solid 0px #ddd;
		border-left: solid 1px #ddd;
		border-right: solid 1px #ddd;
	}

	.option-price-table1_4 {
		-ms-grid-column: 1;
		-ms-grid-row: 4;
		grid-column: 1 / 2;
		grid-row: 4 / 5;
		height: auto;
		padding: 20px;
		font-size: 1.1em;
		text-align: left;
		color: #555;
		line-height: 1.8em;
		border-left: solid 1px #ddd;
		border-right: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
	}

	.option-price-table p {
		border-bottom: dotted 1px #555;
		margin: 0px 10px 20px 10px;
		padding: 10px 0;
	}

	.btn a {
		font-size: 110%;
	}




}



/*--------------------- その他 ---------------------*/

/*  「すべてのカテゴリ」横幅算出  */

@media screen and (max-width:1100px)	{

	:root {
		--contents-width1: calc(100% * 0.48);
		--contents-width2: calc(var(--contents-width1) - 300px);
		--contents-width3: calc(var(--contents-width2) / 2);

		--contents-width4: calc(100% * 0.52);
		--contents-width5: calc(var(--contents-width4) - 300px);
	}

	.category-place {
		text-align: left;
	}

	.category-width {
		margin: 100px auto 0px var(--contents-width3);
		width: calc(100% - var(--contents-width5));
	}

}



@media screen and (max-width:810px)	{

	:root {
		--contents-width1: calc(100% * 0.98);
		--contents-width2: calc(var(--contents-width1) - 300px);
		--contents-width3: calc(var(--contents-width2) / 2);

		--contents-width4: calc(100% * 0.02);
		--contents-width5: calc(var(--contents-width4) - 300px);
	}

	.category-place {
		text-align: left;
	}

	.category-width {
		margin: 100px auto 0px var(--contents-width3);
		width: 300px;
	}

}