@charset "UTF-8";
/* CSS Document */





.background{
	position: fixed;
	top:-21px;
	left:-5px;
}

.top{
	width: 75%;
	position: absolute;
	top:10px;
	left:10px;
}

.studytop{
	position: absolute;
	top:150px;
	left:20px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 300;
	color: white;
	font-size: 22px;
}

.studytop2{
	width: 95%;
	position: absolute;
	top:200px;
	left:20px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 200;
	color: white;
	font-size: 16px;
}

.top1{
	position: absolute;
	top:3px;
	left:25px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 100;
	color: white;
	font-size: 20px;
}

.top2{
	position: absolute;
	top:175px;
	left:25px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 100;
	color: white;
	font-size: 34px;
}

.top3{
	position: absolute;
	top:230px;
	left:30px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 100;
	color: white;
	font-size: 18px;
}

.top4{
	position: absolute;
	top:430px;
	left:270px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 100;
	color: white;
	font-size: 22px;
}

.top5{
	position: absolute;
	top:470px;
	left:275px;
}

.backgroundwhite{
	position: absolute;
	top:700px;
	left: -10px;
	width: 110%;
}

.firsttop{
	position: absolute;
	top:700px;
	left:20px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 300;
	color: white;
	font-size: 22px;
}

.first{
	position: absolute;
	top:750px;
	left:20px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 200;
	color: white;
	font-size: 16px;
}


.pickup{
	position: absolute;
	top:850px;
	left:20px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 400;
	color: darkgreen;
	font-size: 16px;
}

.kisozoutop{
	position: absolute;
	top:870px;
	left:20px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 300;
	color: #707070;
	font-size: 20px;
}

.kisozou{
	position: absolute;
	top:920px;
	left:20px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 200;
	color: #707070;
	font-size: 16px;
}

.kisozouimg1{
	position: absolute;
	top:1100px;
	left: 0px;
	width: 100%;
}

.kisozouimg2{
	position: absolute;
	top:1390px;
	left: 0px;
	width: 100%;
}

.secondtop{
	position: absolute;
	top:1800px;
	left:20px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 300;
	color: white;
	font-size: 22px;
}

.second{
	position: absolute;
	top:1850px;
	left:20px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 200;
	color: white;
	font-size: 16px;
}


.pickup2{
	position: absolute;
	top:2000px;
	left:20px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 400;
	color: darkgreen;
	font-size: 16px;
}

.typotop{
	position: absolute;
	top:2020px;
	left:20px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 300;
	color: #707070;
	font-size: 20px;
}

.typo{
	position: absolute;
	top:2070px;
	left:20px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 200;
	color: #707070;
	font-size: 16px;
}

.typoimg1{
	position: absolute;
	top:2150px;
	left: 0px;
	width: 100%;
}

.typoimg2{
	position: absolute;
	top:2400px;
	left: 0px;
	width: 100%;
}

.pickup3{
	position: absolute;
	top:2700px;
	left:20px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 400;
	color: darkgreen;
	font-size: 16px;
}

.webtop{
	position: absolute;
	top:2720px;
	left:20px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 300;
	color: #707070;
	font-size: 20px;
}

.web{
	position: absolute;
	top:2770px;
	left:20px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 200;
	color: #707070;
	font-size: 16px;
}

.webimg1{
	position: absolute;
	top:2850px;
	left: 0px;
	width: 100%;
}

.features1{
	position: absolute;
	top:750px;
	left:0px;
	
}

.features2{
    position: absolute;
    top: 1200px;
    left: 24px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight: 200;
    color: #707070;
    font-size: 16px;
}

.paint{
	position: absolute;
	top:1500px;
	left: 0px;
	width: 110%;
}

.field1{
	position: absolute;
	top:1500px;
	left:30px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 300;
	color: white;
	font-size: 22px;
}

.field2{
	position: absolute;
	top:1570px;
	left:30px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 200;
	color: white;
	font-size: 16px;
}

.backgroundwhite2{
	position: absolute;
	top:2650px;
	left: -10px;
	width: 110%;
}

.viewmore{
	width: 100%;
	position: absolute;
	top:2200px;
	left: auto;
	right: auto;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight:200;
	color: #707070;
	font-size: 22px;
}



.box2 {
	position: absolute;
	top:2300px;
	left:65px;
    padding: 0.5em 1em;
    margin: 2em 0;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight:300;
    color: #707070;/*文字色*/
    border: solid 2px #707070;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}

a.study {
  color:#707070;
  text-decoration: none;
}

.box3 {
	position: absolute;
	top:2400px;
	left:110px;
    padding: 0.5em 1em;
    margin: 2em 0;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight:300;
    color: #707070;/*文字色*/
    border: solid 2px #707070;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box3 p {
    margin: 0; 
    padding: 0;
}

a.siryou {
  color:#707070;
  text-decoration: none;
}


.viewmore2{
	width: 100%;
	position: absolute;
	top:3400px;
	left: auto;
	right: auto;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight:200;
	color: #707070;
	font-size: 22px;
}



.box4 {
	position: absolute;
	top:3500px;
	left:65px;
    padding: 0.5em 1em;
    margin: 2em 0;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight:300;
    color: #707070;/*文字色*/
    border: solid 2px #707070;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box4 p {
    margin: 0; 
    padding: 0;
}

a.study {
  color:#707070;
  text-decoration: none;
}

.box5 {
	position: absolute;
	top:3600px;
	left:110px;
    padding: 0.5em 1em;
    margin: 2em 0;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight:300;
    color: #707070;/*文字色*/
    border: solid 2px #707070;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box5 p {
    margin: 0; 
    padding: 0;
}

.credit{
	width: 100%;
	position: absolute;
	top:3100px;
	left: auto;
	right: auto;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight:200;
	color: #807B7B;
	font-size: 13px;
}

.credit2{
	width: 100%;
	position: absolute;
	top:3800px;
	left: auto;
	right: auto;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight:200;
	color: #807B7B;
	font-size: 13px;
}