@charset "UTF-8";

h1 img {
	padding: 30px 0;
}
.wrap1000 {
	/* width:1000px; */
	width: 85%;
	max-width: 1000px;
	margin:0 auto 50px;
	background:#f7ecca;
	border-radius: 30px;
}
section {
	margin:30px 0;
	color:#000;
}
section.sec01 {
	padding:20px 0;
}
p.headCopy {
	font-size:2.4rem;
	font-weight:bold;
	padding:0 15px 30px;
	color:#f7ecca;
}
section h2 {
	margin:1em auto 1em;
}
section h2 img {
	padding: 0 5em 4em;
	width: 100%;
}
section p {
	font-size:1.4rem;
	padding-bottom:15px;
	text-align:center;
}
p.caution{
	color:#000;
	font-size: clamp(11px, 1.6vw, 16px);
}

#pageTop {
	position:fixed;
	right:20px;
	bottom:20px;
}
#pageTop a {
	color: #f7ecca;
	font-size:2.4rem;
	text-decoration:none;
}
footer {
	text-align:center;
	padding:20px 40px;
	color:#fff;
	background:#270002;
}
footer p.ftrName {
	font-size:1.5rem;
}
.sp {
	display: none;
}

@media screen and (max-width: 768px) {
h1 img {
	object-fit:cover;
	height:70vw;
}
.wrap1000 {
	width:90%;
	margin:0 auto;
	background: none;
}
p.headCopy {
	font-size:1.4rem;
	padding:0 15px 0px;
}
p.caution{
	color:#f7ecca;
}
.sp {
	display:block;
}
footer p.ftrName {
	font-size:1.1rem;
}
footer p.ftrTel, footer p.ftrTel a {
	font-size:1.5rem;
}
}


.fade{
  opacity : 0;
  transition:1.0s ease-in-out;
  transform: translateY(60px);
}
.fade1{
  opacity : 0;
  transition:0.5s 1.0s ease;
  transform: translateY(60px);
}
.fade2{
  opacity : 0;
  transition:1.0s 1.0s ease;
  transform: translateY(60px);
}
.fade3{
  opacity : 0;
  transition:1.5s 1.0s ease;
  transform: translateY(60px);
}
.fade4{
  opacity : 0;
  transition:2.0s 1.0s ease;
  transform: translateY(60px);
}

.fade.view ,.fade1.view ,.fade2.view ,.fade3.view ,.fade4.view{
  opacity: 1;
  transform: translateY(0);
}


/*.anima {
animation-name: anima01;
animation-duration:6s;
animation-fill-mode:forwards;
animation-iteration-count:infinite;
opacity: 0;
}
@keyframes anima01 {
  0% {
  transform: translateY(0px);
  }
  50% {
  transform: translateY(20px);
  }
  100% {
  transform: translateY(0px);
  }
}*/



/*@media screen and (max-width: 768px) { 
.button-toggle { padding:30px; font-size:18px;}
}
@media screen and (min-width: 768px) { 
.button-toggle { display:none;}
}

.menu,.menu2 { margin:30px auto;}
@media screen and (max-width: 768px) { 
.menu { width:90%;}
.menu2 { display:none;}
}

.menu ul,.menu2 ul {text-align:center; }
.menu ul li,.menu2 ul li { display: inline-block; margin-right:10px; padding-right:10px;}
@media screen and (max-width: 768px) { 
.menu ul li { display: block; padding:5px 10px; background:#FFF; margin-bottom:2px; }
}

.menu ul li a,.menu2 ul li a { font-size:18px; text-decoration:none;}*/

.oden{
	background-color: #fff;
	max-width:800px;
	margin:0 auto;
	padding-top:20px;
}

.oden p.btn{
padding-bottom:20px;
}