@charset "UTF-8";

header {
	width:100%;
	height:70px;
}

header #headerInner {
	width:90%;
	margin:0 auto;
	padding:17px 0 0;
}

@media screen and (max-width: 768px) { 
header #headerInner {
	width:90%;
	margin:0 auto;
	padding:17px 0 0;
}
}

header #headerInner #logoPh {
	float:left;
}
header #headerInner #logoSeibu {
	float:right;
}

main {
	width:100%;
	margin:0 auto;
	padding:0;
	background:#9dc815;
	/*background:linear-gradient(to bottom, #9dc815, #7fb20b);*/
	line-height:1.5;
	/*background:url(../imgs/bg01.png) center / cover;*/
}

h1 img {
	width:100%;
}

section {
	width:1160px;
	margin:0 auto;
	padding:50px 0 50px;
	text-align:center;
	position:relative; 
	margin-top:-300px;
}

section #step1 {
	position:absolute; 
	top:0; left:0; 
	z-index:0;
}

section #arrow1 {
	position:absolute; 
	top:130px; left:485px; 
	z-index:1
}

section #step2 {
	position:absolute; 
	top:140px; right:0px; 
	z-index:0
}

section #arrow2 {
	position:absolute; 
	top:340px; left:530px; 
	z-index:1
}

section #step3 {
	position:absolute; 
	top:370px; left:0px; 
	z-index:0
}

section #arrow3{
	position:absolute; 
	top:500px; left:485px; 
	z-index:1;
}

section #step4 {
	position:absolute; 
	top:520px; right:0px;
	z-index:0;
}

section #ex {
	position:absolute; 
	top:910px; left:16px;
	z-index:0;
}

@media screen and (max-width: 768px) { 

h1 img {
	width:100%;
	object-fit:cover;
	height:110vw;
}

section {
	width:95%;
	margin-top:-28vw;
}

section #arrow1,#arrow2,#arrow3 {
	display:none;
}

section #step1 {
	top:0px; right:0px; 
}

section #step2 {
	top:55vw; left:0px; 
}

section #step3 {
	top:110vw; right:0px; 
}

section #step4 {
	top:181vw; left:0px; 
}

section #ex {
	top:240vw; left:0px;
}

}

section img {
	max-width:100%;
}

.fontSize16 {
	font-size:1.6rem;
}

.fontSize18 {
	font-size:1.8rem;
}

.fontSize20 {
	font-size:2.0rem;
}

.ml35 {
	margin-left:3.5em;
}

ul.listFont18 li {
	font-size:1.8rem;
	margin-left:1.5em;
	list-style: disc;
}

@media screen and (min-width: 768px) { 
br.sp-only {
	display:none
}
}

/*.btnBlock {
	clear:both;
	padding:20px 0 0 0;
}

.btn {
	clear:both;
    display:inline-block;
    width: 340px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background: #000;
    text-decoration: none;
    border-radius: 5px;
    background: linear-gradient(#ea5514, #f2976f);
    margin: 0 auto;
	border:#FFF solid 2px;
}

.btn span {
    color: #FFF;
    position: relative;
	font-size:2.5rem;
}

a:hover.btn {opacity:0.7; filter: alpha(opacity=70); transition: 0.5s;}

@media screen and (max-width: 768px) { 
.btnBlock {
	padding:0 0 0 0;
}
.btn {
    width: 48%;
}
.btn span {
	font-size:1.3rem;	
}
}*/

footer {
	clear:both;
	width:800px;
	background:; 
	padding:40px 0 200px; 
	text-align:center;
	margin:1535px auto 0px;
	color:#FFF;
}

footer p.footTxt01 {
	font-size:2.0rem;
	padding:0 0 10px 0;
}

footer p.footTxt02 {
	font-size:1.6rem;
	padding:0px 0 20px 0;
}

footer p.footTxt01 a {
	font-size:2.0rem;
	color:#FFF;
}

footer p#copyright {
	font-size:1.6rem;
}

@media screen and (max-width: 768px) { 
footer {
	width:100%;
	padding:40px 0 150px; 
	margin:280vw auto 0vw;
}

footer p#copyright {
	font-size:1.0rem;
}
}

div#btnBlock {
	position:fixed; bottom:0; padding:0px; width:100%; text-align:center; background-color:rgba(0,0,0,0.4); z-index:9999;
}

div#btnBlock ul {
	display:flex;
	justify-content:center;
}
@media screen and (max-width: 768px) { 
div#btnBlock ul {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
div#btnBlock img {
	max-width:70%;
}
}

.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}