@charset "UTF-8";

body{
	margin:0px;
	width: 375px;
	padding: 0px;
	height: 100%;
}

.btn-flat-logo {
  position: absolute;
  z-index: 50;
  display: inline-block;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  padding: 0.4rem 0.9rem;
  text-decoration: none;
  color: black;
  background-color:  #5AB3E5;
  transition: .4s;
  text-align: center;
  border-radius: 0rem;
  margin-left: 170px;
  margin-bottom: 50px;
  margin-top: 10px;
  border: 4px solid black;
}

.btn-flat-logo:before{
	transform: skewX(-45deg);
    content: ""; /*ボックスを作る*/
    position: absolute;
	z-index: 40;
	
}

.btn-flat-logo:hover {
  background: #3055d8;
}

.menu {
	margin: 0;
	padding: 0;
}



img.title{
	position: absolute;
	z-index: 40;
	margin-top: 160px;
	margin-left: 140px;
}

img.sikakutate{
	position: absolute;
	z-index: 50;
	margin-top: 45px;
	margin-left: 35px;
}

img.imgone{
	position: absolute;
	z-index: 30;
	margin-top: 360px;
	margin-left: 120px;
	
}

img.imgtwo{
	position: absolute;
	z-index: 30;
	margin-top: 605px;
	margin-left: 25px;
}

img.rogo{
	position: absolute;
	z-index: 50;
	margin-left: 160px;
	margin-top: 60px;
}



.skewed {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background-color: #3055d8;
  z-index: 20;
  transform: skewY(-15deg);
  transform-origin: top left;
}

.skewed2 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #5AB3E5;
  z-index: 10;
  transform: skewY(-15deg);
  transform-origin: top left;
}

p.honbun1{
	position: absolute;
	z-index: 50;
	margin-top: 470px;
	margin-left: 140px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 200;
	font-size: 110%;
	text-align: right;
	
}

p.honbun2{
	position: absolute;
	z-index: 50;
	margin-top: 690px;
	margin-left: 60px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 200;
	font-size: 110%;
	text-align: left;
	
}




.skewed3 {
  position: absolute;
  top: 830px;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 85%;
  background-color:#f1f467;
  z-index: 10;
  transform: skewY(-15deg);
  transform-origin: top left;
}

.skewed4 {
  position: absolute;
  top: 780px;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 20%;
  background-color: #dddddd;
  z-index: 20;
  transform: skewY(-15deg);
  transform-origin: top left;
}


img.content1{
	
	position:absolute;
	margin-left: 60px;
	z-index: 30;
	margin-top: 830px;
	
}

p.honbun3{
	position: absolute;
	z-index: 40;
	margin-top: 1000px;
	margin-left: 50px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

p.honbun4{
	position: absolute;
	z-index: 40;
	margin-top: 1070px;
	margin-left: 90px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

p.honbun5{
	position: absolute;
	z-index: 40;
	margin-top: 1140px;
	margin-left: 50px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

p.honbun6{
	position: absolute;
	z-index: 40;
	margin-top: 1220px;
	margin-left: 90px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

img.content2{
	position:absolute;
	margin-left: 50px;
	z-index: 30;
	margin-top: 1330px;
	
}

p.honbun7{
	position:absolute;
	margin-left: 137px;
	z-index: 30;
	margin-top: 1340px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 500;
	font-size: 140%;
}

.content3{
	position: absolute;
	z-index: 20;
	margin-left: 30px;
	margin-top: 1400px;
}

.content4{
	position: absolute;
	z-index: 30;
	margin-left: 220px;
	margin-top: 1470px;
}

.btn-flat-logo2{
	position: absolute;
  z-index: 50;
  display: inline-block;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 0.8;
  padding: 1rem 1.7rem;
  text-decoration: none;
  color: black;
  background-color:  #f1f467;
  transition: .4s;
  text-align: center;
  border-radius: 0rem;
  margin-left: 65px;
  margin-bottom: 200px;
  margin-top: 1630px;
  border: 4px solid;
  border-color: black;
}

.btn-flat-logo2:before{
	transform: skewX(-45deg);
    content: ""; /*ボックスを作る*/
    position: absolute;
	z-index: 40;
	
}

.btn-flat-logo2:hover {
  background-color: #0B883C;
}

.honbun8{
	position: absolute;
	z-index: 20;
	text-align: center;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 10pt;
	font-weight: 200;
	margin-top: 1930px;
	margin-left: 150px;
}

.honbun9{
	position: absolute;
	z-index: 20;
	text-align: center;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 9pt;
	font-weight: 200;
	margin-top: 1950px;
	margin-left: 60px;
	margin-bottom: 200px;
	
}

.skewed5{
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 30%;
	margin-top: 1910px;
	background-color: #EDEDED;
	
}