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

img {
	vertical-align:bottom;	
}
#base{
	margin: 0;
	width: 100%;
	position: relative;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 160%;
}
#base img {
	width: 100%;
}
#base p {
	text-align: left;
	padding: 0 7%;
}

.offer {	
	width: 100%;
	margin: 0 auto 15px auto;
}
.offer input {
	position: absolute;
	display: inline-block;
}
input {
	width: 100%;
}
.offer-teiki {
	position: relative;
}
.offer-teiki input {
	width: 86%;
	position: absolute;
	display: inline-block;
	top: 0;
	left: 7%;
	z-index: 2;
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1.8s;
  -moz-animation-duration: 1.8s;
  -o-animation-duration: 1.8s;
  animation-duration:1.8s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.teiki {
	position: relative;
}
.teiki input {
	width: 86%;
	position: absolute;
	top: 0;
	left: 7%;
	z-index: 2;
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1.8s;
  -moz-animation-duration: 1.8s;
  -o-animation-duration: 1.8s;
  animation-duration:1.8s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes shake {
  from, to , 80%{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to , 80%{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

#cts01 {
	background-color: #fff6ed;
	padding: 0 0 30px 0;
	margin: 0 3% 50px 3%;
	-webkit-border-top-left-radius: 0;  
    -webkit-border-top-right-radius: 0;  
    -webkit-border-bottom-right-radius: 15px;  
    -webkit-border-bottom-left-radius: 15px;  
    -moz-border-radius-topleft: 0;  
    -moz-border-radius-topright: 0;  
    -moz-border-radius-bottomright: 15px;  
    -moz-border-radius-bottomleft: 15px; 
}
.cts01_copy {
	font-size: 24px;
	line-height: 40px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
	border-bottom: 1px solid #eb8170;
	box-shadow: 0 1px 0 rgba(235, 227, 227, 1);
	padding-bottom: 5px;
}
.cts01_copy2 {
	font-size: 36px;
	line-height: 45px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
	color: #e4482e;
	padding: 10px 0;
	display: block;
}
.cts01_tx {
	width: 87%;
	padding: 10px 0 20px 0;
	text-align: left;
}
.kyose {
	background: url(../img/kaicho-13_back.jpg) no-repeat;
	background-size:contain;
}
.kyose p {
	width: 87%;
	margin: 0 auto;
}
img.auto {
	max-width: auto;
}
.kyose ul {
	width: 95%;
	margin: 20px auto;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.kyose li {
	width: 50%;
	font-size: 14px;
	line-height: 25px;
	text-align: left;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	font-size: 0.8em;
	line-height: 160%;
}
.kyose li img {
	margin-bottom: 10px;
}
.marker {
background: linear-gradient(transparent 10%, #ffe38e 10%);
}
.daizu {
	background: url(../img/daizu_back.jpg) no-repeat;
	background-size:contain;
}
.daizu p {
	text-align: left;
	margin: 0 2% 30px 2%;
}
p.mes {
	margin: 0 auto;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

.media {
	margin: 0 auto;
}
.media ul {
	margin: 20px auto 0 auto;
	width: 90%;
	text-align: right;	
}
.media li {
	text-align: left;
	padding: 5px;
	
}