@charset "UTF-8";

#wrapper h1 {
  text-align: center;
  padding:64px 0px 0;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  #wrapper h1 {
    padding: 20px 14% 40px;
    background-size: 300%;
    margin-bottom: 30px;
  }
  #wrapper h1 img {
    vertical-align: bottom;
  }
} 
.star-area {
  width: 100%;
  position: relative;
  overflow: hidden;
}
#wrapper {
  padding-bottom: 100px;
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  #wrapper {
    padding-bottom: 10px;
  }
} 

/* message
--------------------------------------------------------*/
.border-bottom {
	background: url(../img/common/line-dot-L.png) left bottom repeat-x;
	padding-bottom: 50px;
}
.message,.ikuno,.hininchi {
  width: 970px;
  margin: 0 auto 50px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.message h2,.ikuno h2,.hininchi h2 {
  margin-bottom: 50px;
  text-align: center;
	overflow: hidden;
}
.message h3 {
  font-size: 38px;
  font-weight: normal;
  margin-bottom: 20px;
}
.message p,.ikuno p,.hininchi p {
  font-size: 19.5px;
  line-height: 1.8em;
  margin-bottom: 30px;
}
.message b,.ikuno b,.hininchi b {
  color: #eb5c01;
  font-weight: normal;
	font-weight: bold;
}
.message .fz32 {
  font-size: 32px;
}
.message .fz28 {
  font-size: 28px;
}
img.illust {
	float: right;
	margin: 0 0 5px 15px;
}
#ikuno {
	margin-top: -80px;
	padding-top: 80px;
}
@media (max-width: 767px) {
  .message,.ikuno,.hininchi {
    width: 92%;
  }
  .message h2,.ikuno h2,.hininchi h2 {
    margin-bottom: 10px;
    text-align: center;
  }
  .message h2 img {
    width: 48% !important;
    height: auto;
  }
	.ikuno h2 img,.hininchi h2 img {
		width: 80% !important;
    height: auto;
	}
  .message h3 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
  }
  .message .fz32 {
    font-size: 20px;
  }
  .message .fz28 {
    font-size: 16px;
  }
  .message p,.ikuno p,.hininchi p {
    font-size: 14px;
    line-height: 1.8em;
    margin-bottom: 10px;
  }
} 
.illust {
  overflow: hidden;
  position: relative;
}
.illust img {
  position: absolute;
  top: 18%;
  right: 0;
}

@media (max-width: 767px) {
  .illust img,img.illust {
    position: relative;
    float: right;
    width: 35%;
    height: auto;
  }
	img.illust {
		margin: 0 0 5px 10px;
	}
}

@media (max-width: 767px) {
	.hininchi .illust{
	float: none;
		display: block;
		margin: 0 auto 20px auto;
		width :300px;
}
}

/* about
--------------------------------------------------------*/

/* star
--------------------------------------------------------*/
.star {
  width: 455px;
  height: 441px;
  background: url(../img/illust/star_01.png) no-repeat;
  position: absolute;
  z-index: 1;
}

.star-1 { top: 1%; left: -100px; transform:rotate(60deg); }
.star-2 { top: 16%; right: -5%; transform:rotate(-60deg); }
.star-3 { top: 34%; left: 14%; transform:rotate(-60deg); }
.star-4 { top: 54%; right: -5%; transform:rotate(-50deg); }
.star-5 { top: 62%; left: -10%; transform:rotate(-60deg); }

@media (max-width: 767px) {
  .star {
    width: 200px;
    height: 194px;
    background-size: contain;
  }
}