@charset "utf-8";

/* =====================基本設計===================== */
body{
	margin: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	font-size:26px;
	color: #000000;
/* 重要 */
  -webkit-text-size-adjust: 100%;
}

* {
  box-sizing: border-box;
}

a:link { color: #fff;
	text-decoration: none;
 	}

a:visited { color: #fff; }

a:hover { color: #fff; }

a:active { color: #fff; }

img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

input[type="text"]{
  width: 100%;
  box-sizing: border-box;
  height: 80px;
  border: solid 7px #ff8500;
  font-size: 29px;
  text-align: center;
  box-shadow: 3px 3px 4px rgba(0,0,0,.2),3px 3px 4px rgba(0,0,0,.2) inset;
}

input[type="text"]:focus {
  outline: 0;
}

.form {
  width: 650px;
  height: 300px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.lp2 .form {
	top: 170px;
}

.lp23 .form {
	top: 73px;
}


.lp36 .form {
	top: 78px;
}

.submit_btn {
  width: 658px;
  height: 119px;
  display: block;
  background: url(../images/btn.png) center center no-repeat;
  cursor: pointer;
  border: none;
  position: absolute;
  top: 100px;
}

.submit_btn2 {
  width: 658px;
  height: 119px;
  display: block;
  background: url(../images/btn2.png) center center no-repeat;
  cursor: pointer;
  border: none;
  position: absolute;
  top: 100px;
}
/* 追加変更部分 */
#btn {
	animation-name: btn;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}

@keyframes btn {
	from{
		transform: scale(1);
	}
	to{
		transform: scale(1.05);
	}
}
/* =====================コンテンツ===================== */
.container {
  width: 750px;
  margin: 0 auto;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.position {
  position: relative;
}

.parts-conteiner {
  position: absolute;
  width: 690px;
  transform: translateX(-50%);
  top: 0;
  left: 50%;
}

span {
	background: #f5f990;
}


/* 追加変更部分 */

.lp8 .parts-conteiner img{
  width: 252px;
  float: left;
  margin-right: 15px;
}

.lp8 .parts-conteiner p {
  padding: 0 20px;
  font-size:25.5px;
	text-align: justify;
}

.lp8 > img:nth-last-of-type(1) {
  position: absolute;
  width: 189px;
  bottom: -45px;
  right: 50px;
  z-index: 10;

}

.lp11 .parts-conteiner img{
  width: 271px;
  float: right;
}

.lp11 .parts-conteiner p {
  padding: 0 20px;
  font-size:26px;
	line-height: 1.5;
	text-align: justify;
}

.lp11 > img:nth-last-of-type(1) {
  position: absolute;
  width: 260px;
  bottom: -45px;
  right: 100px;
  z-index: 10;

}

.lp14 .parts-conteiner img{
  width: 312px;
  float: left;
  margin-right: 15px;
}

.lp14 .parts-conteiner p {
  padding: 0 20px;
  font-size:26px;
	line-height: 1.5;
	text-align: justify;
}

.lp14 > img:nth-last-of-type(1) {
  position: absolute;
  width: 118px;
  bottom: 95px;
  right: 50px;
  z-index: 10;

}

.lp31 .parts-conteiner img{
  width: 271px;
  float: right;
}

.lp31 .parts-conteiner p {
  padding: 0 20px;
  font-size:28px;
	line-height: 1.45;
	text-align: justify;
}

footer {
	background: #32bcc9;
	height: 100px;
	position: relative;
}

.footer-text {
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	font-size: 17.7px;
	line-height: 1.5;
	color: #fff;
	text-align: center;
	width: 80%;
}

.footer-text p:nth-of-type(2){
	font-size: 16px;
}