@charset "utf-8";

#contents .list:after,
#contents .cont ul:after,
section:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#contents .list,
#contents .cont ul,
section {
zoom: 1;
}


.video-js {
background-color: transparent !important;
}

.bg.fadeElm img,
img.fadeElm {
transition: all 0.5s ease;
opacity: 0;
transform: scale(0);
}
.bg.activeView img,
img.activeView {
opacity: 1;
transform: scale(1);
}
.block.fadeElm {
transition: all 1s ease;
opacity: 0;
transform: translateY(50px);
}
.block.activeView {
opacity: 1;
transform: translateY(0);
}

@keyframes kakukaku {
0%,
40%,
55%,
70%,
100% {
transform: translateX(3px) rotate(3deg);
}
60%,
50% {
transform: translateX(0) rotate(0);
}
}
.kakukaku {
display: block;
position: relative;
animation: kakukaku 2.5s linear infinite;
transform-origin: bottom center;
}
@keyframes fly {
0% {
transform: translateY(0);
left: 0;
opacity: 0;
}
5% {
opacity: 1;
}
15% {
transform: translateY(-10px);
}
30% {
transform: translateY(0);
}
45% {
opacity: 1;
}
50% {
transform: translateY(-20px);
left: 100%;
opacity: 0;
}
100% {
opacity: 0;
}
}
.fly.activeView {
display: block;
position: relative;
animation: fly 10s linear infinite;
}

#innerContainer {
position: relative;
overflow-x: hidden;
}
.fixBody-0 #innerContainer,
.fixBody-1 #innerContainer,
.fixBody-2 #innerContainer {
position: fixed;
left: 0;
width: 100%;
}
.fixBody-3 #innerContainer {
position: absolute;
left: 0;
width: 100%;
}

@media (min-width: 768px) {
	body {min-width: 1200px !important;}
}

/* PAGETOP */
#pageTop {}
#header {
text-align: center;
height: 50px;
}
#header .sfc {
position: relative;
margin: 0 auto;
border-top: solid 2px #008d53;
padding-top: 18px;
width: 130px;
z-index: 9;
}
#header .sfc img {
width: 130px;
height: 15px;
}
@media (min-width: 768px) {
	#pageTop {
	position: absolute;
	left: 0;
	top: 0;
	text-align: left;
	z-index: 1;
	width: 100%;
	background-color: #fff;
	}
}

/* PAEBODY */
#pageBody {
transition: opacity 0.5s ease;
position: relative;
background: url("/ie/tree/morisoda/img/bg.png") repeat center center;
background-size: 100px auto;
padding-bottom: 44vw;
opacity: 0;
}
.init #pageBody {
opacity: 1;
}
#pageBody .bgTop {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 1;
}
#pageBody .bgBottom {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 1;
}
#pageBody .bgBottom img,
#pageBody .bgTop img {
display: block;
width: 100%;
height: auto;
}
#contents {
margin: 0;
padding: 0 0 0 0;
font-style: normal;
font-weight: normal;
font-family: "Yu Gothic Pr6N M", sans-serif;
font-size: 4.267vw;
line-height: 1.77;
letter-spacing: 0.14em;
color: #333;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-webkit-text-size-adjust: none;
z-index: 2;
}
#contents .cont {
position: relative;
z-index: 2;
}
#contents p {
position: relative;
z-index: 1;
}
#contents img {
display: block;
width: 100%;
height: auto;
}
#contents br.sp {
display: block;
}
@media (min-width: 768px) {
	#pageBody {
	padding-bottom: 410px;
	}
	#pageBody .bgTop {
	transform: translateX(-50%);
	top: -85px;
	left: 50%;
	min-width: 1600px;
	}
	#pageBody .bgBottom {
	transform: translateX(-50%);
	left: 50%;
	min-width: 1600px;
	}
	#contents br.sp {
	display: none;
	}
	#contents {
	position: relative;
	padding-top: 10px;
	font-size: 16px;
	}
}
@media (min-width: 1400px) {
	#pageBody .bgTop {
	top: -105px;
	}
	#contents {
	margin-top: -10px;
	padding-top: 0;
	}
}
@media (min-width: 1600px) {
	#pageBody {
	padding-bottom: 25.625vw;
	}
	#pageBody .bgTop {
	transform: translateX(-50%);
	top: -6.562vw;
	left: 50%;
	min-width: 100vw;
	}
	#pageBody .bgBottom {
	transform: translateX(-50%);
	left: 50%;
	min-width: 100vw;
	}
	#contents br.sp {
	display: none;
	}
	#contents {
	position: relative;
	margin-top: -0.625vw;
	padding-top: 0;
	}
}
#introSCT {}
#videoCont .video-js {
position: relative;
width: 100%;
padding-top: 133.2853%;
z-index: 0;
}
#videoCont movie {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 768px) {
	#videoCont .video-js {
	padding-top: 56.25%;
	}
}

#catchSCT {
position: relative;
height: 130.667vw;
}
#catchSCT .bg {
transform: translateX(-50%);
position: absolute;
top: 10.667vw;
left: 50%;
}
#catchSCT .bg img {
width: auto;
height: 108.267vw;
}
#catchSCT .tree1 {
position: absolute;
top: -20.8vw;
left: -3.467vw;
}
#catchSCT .tree1 img {
width: auto;
height: 40.533vw;
}
#catchSCT .tree2 {
display: none;
}
#catchSCT .tree3 {
position: absolute;
top: 88.8vw;
right: 6.133vw;
}
#catchSCT .tree3 img {
width: auto;
height: 19.2vw;
}
#catchSCT .tree4 {
position: absolute;
top: 102.667vw;
left: 38.667vw;
}
#catchSCT .tree4 img {
width: auto;
height: 28.267vw;
}
#catchSCT .house {
position: absolute;
top: 104vw;
left: 5.333vw;
}
#catchSCT .house img {
width: auto;
height: 21.6vw;
}
#catchSCT .pack {
position: absolute;
top: 29.333vw;
left: 0;
width: 100%;
}
#catchSCT .pack img {
margin: 0 auto;
width: auto;
height: 61.6vw;
}
#catchSCT .txt {
position: absolute;
top: 106.133vw;
right: 16vw;
}
#catchSCT .txt img {
width: auto;
height: 9.067vw;
}
@media (min-width: 768px) {
	#catchSCT {
	height: 550px;
	}
	#catchSCT .cont {
	position: relative;
	margin: 0 auto;
	width: 600px;
	}
	#catchSCT .bg {
	transform: translateX(-50%);
	position: absolute;
	top: 45px;
	left: 50%;
	}
	#catchSCT .bg img {
	height: 450px;
	}
	#catchSCT .tree1 {
	transform: translateX(-665px);
	top: -173px;
	left: 50%;
	}
	#catchSCT .tree1 img {
	height: 312px;
	}
	#catchSCT .tree2 {
	transform: translateX(640px);
	display: block;
	position: absolute;
	top: -142px;
	left: 50%;
	right: inherit;
	}
	#catchSCT .tree2 img {
	width: auto;
	height: 270px;
	}
	#catchSCT .tree3 {
	transform: translateX(190px);
	top: 18px;
	left: 50%;
	right: inherit;
	}
	#catchSCT .tree3 img {
	height: 145px;
	}
	#catchSCT .tree4 {
	transform: translateX(275px);
	top: 40px;
	left: 50%;
	right: inherit;
	}
	#catchSCT .tree4 img {
	height: 213px;
	}
	#catchSCT .house {
	transform: translateX(90px);
	top: 305px;
	left: 50%;
	}
	#catchSCT .house img {
	height: 161px;
	}
	#catchSCT .pack {
	transform: translateX(-328px);
	top: 107px;
	left: 50%;
	width: inherit;
	}
	#catchSCT .pack img {
	margin: 0;
	height: 319px;
	}
	#catchSCT .txt {
	transform: translateX(292px);
	top: 313px;
	left: 50%;
	right: inherit;
	}
	#catchSCT .txt img {
	height: 50px;
	}
}
@media (min-width: 1600px) {
	#catchSCT {
	height: 34.375vw;
	}
	#catchSCT .cont {
	position: relative;
	margin: 0 auto;
	width: 37.5vw;
	}
	#catchSCT .bg {
	transform: translateX(-50%);
	position: absolute;
	top: 2.813vw;
	left: 50%;
	}
	#catchSCT .bg img {
	height: 28.125vw;
	}
	#catchSCT .tree1 {
	transform: translateX(-41.563vw);
	top: -10.812vw;
	left: 50%;
	}
	#catchSCT .tree1 img {
	height: 19.5vw;
	}
	#catchSCT .tree2 {
	transform: translateX(40vw);
	display: block;
	position: absolute;
	top: -8.875vw;
	left: 50%;
	right: inherit;
	}
	#catchSCT .tree2 img {
	width: auto;
	height: 16.875vw;
	}
	#catchSCT .tree3 {
	transform: translateX(11.875vw);
	top: 1.125vw;
	left: 50%;
	right: inherit;
	}
	#catchSCT .tree3 img {
	height: 9.063vw;
	}
	#catchSCT .tree4 {
	transform: translateX(17.188vw);
	top: 2.5vw;
	left: 50%;
	right: inherit;
	}
	#catchSCT .tree4 img {
	height: 13.313vw;
	}
	#catchSCT .house {
	transform: translateX(5.625vw);
	top: 19.063vw;
	left: 50%;
	}
	#catchSCT .house img {
	height: 10.063vw;
	}
	#catchSCT .pack {
	transform: translateX(-20.5vw);
	top: 6.688vw;
	left: 50%;
	width: inherit;
	}
	#catchSCT .pack img {
	margin: 0;
	height: 19.938vw;
	}
	#catchSCT .txt {
	transform: translateX(18.25vw);
	top: 19.563vw;
	left: 50%;
	right: inherit;
	}
	#catchSCT .txt img {
	height: 3.125vw;
	}
}

#movieSCT {
position: relative;
height: 133.333vw;
}
#movieSCT .bg {
transform: translateX(-60%);
position: absolute;
top: 5.333vw;
left: 50%;
}
#movieSCT .bg img {
width: auto;
height: 121.867vw;
}
#movieSCT .tree5 {
position: absolute;
top: 100vw;
left: 2.667vw;
}
#movieSCT .tree5 img {
width: auto;
height: 35.467vw;
}
#movieSCT .movie {
position: relative;
margin: 0 6.667vw;
}
#movieSCT .movie::before {
content: '';
display: block;
position: absolute;
left: -1.6vw;
top: -1.6vw;
background: url("/ie/tree/morisoda/img/obj_tack.png") no-repeat center center;
background-size: contain;
width: 10.133vw;
height: 10.133vw;
z-index: 1;
}
#movieSCT .movie::after {
content: '';
display: block;
position: absolute;
right: -1.6vw;
bottom: -1.6vw;
background: url("/ie/tree/morisoda/img/obj_tack.png") no-repeat center center;
background-size: contain;
width: 10.133vw;
height: 10.133vw;
z-index: 1;
}
#movieSCT .hed {
position: relative;
margin: 0 9.333vw 9.333vw 9.333vw;
padding-top: 13.333vw;
font-size: 3.733vw;
line-height: 1.5;
text-align: center;
color: #fff;
}
#movieSCT .hed img {
margin-top: 4vw;
}
#movieSCT .txt {
position: absolute;
top: 102.667vw;
right: 8.533vw;
}
#movieSCT .txt img {
width: auto;
height: 9.067vw;
}
@media (min-width: 768px) {
	#movieSCT {
	height: 910px;
	}
	#movieSCT .cont {
	position: relative;
	margin: 0 auto;
	width: 600px;
	}
	#movieSCT .bg {
	transform: translateX(-90%);
	position: absolute;
	top: 20px;
	left: 50%;
	}
	#movieSCT .bg img {
	width: auto;
	height: 880px;
	}
	#movieSCT .tree5 {
	transform: translateX(-660px);
	top: 693px;
	left: 50%;
	}
	#movieSCT .tree5 img {
	height: 265px;
	}
	#movieSCT .movie {
	transform: translateX(-50%);
	position: absolute;
	top: 220px;
	left: 50%;
	margin: 0;
	width: 970px;
	}
	#movieSCT .movie span {
	display: block;
	position: relative;
	overflow: hidden;
	}
	#movieSCT .movie::before {
	left: -20px;
	top: -20px;
	width: 70px;
	height: 70px;
	}
	#movieSCT .movie::after {
	right: -20px;
	bottom: -20px;
	width: 70px;
	height: 70px;
	}
	#movieSCT .movie img {
	transition: transform 0.5s ease;
	cursor: pointer;
	}
	#movieSCT .movie:hover img {
	transform: scale(1.1);
	}
	#movieSCT .hed {
	transform: translateX(-50%);
	position: absolute;
	margin: 0;
	padding-top: 0;
	top: 87px;
	left: 50%;
	}
	#movieSCT .hed img {
	margin-top: 0;
	width: 677px;
	}
	#movieSCT .txt {
	transform: translateX(-95px);
	top: 820px;
	left: 50%;
	width: inherit;
	}
	#movieSCT .txt img {
	height: 50px;
	}
}
@media (min-width: 1600px) {
	#movieSCT {
	height: 56.875vw;
	}
	#movieSCT .cont {
	position: relative;
	margin: 0 auto;
	width: 37.5vw;
	}
	#movieSCT .bg {
	transform: translateX(-90%);
	position: absolute;
	top: 1.25vw;
	left: 50%;
	}
	#movieSCT .bg img {
	width: auto;
	height: 55vw;
	}
	#movieSCT .tree5 {
	transform: translateX(-41.25vw);
	top: 43.313vw;
	left: 50%;
	}
	#movieSCT .tree5 img {
	height: 16.563vw;
	}
	#movieSCT .movie {
	transform: translateX(-50%);
	position: absolute;
	top: 13.75vw;
	left: 50%;
	margin: 0;
	width: 60.625vw;
	}
	#movieSCT .movie span {
	display: block;
	position: relative;
	overflow: hidden;
	}
	#movieSCT .movie::before {
	left: -1.25vw;
	top: -1.25vw;
	width: 4.375vw;
	height: 4.375vw;
	}
	#movieSCT .movie::after {
	right: -1.25vw;
	bottom: -1.25vw;
	width: 4.375vw;
	height: 4.375vw;
	}
	#movieSCT .movie img {
	transition: transform 0.5s ease;
	cursor: pointer;
	}
	#movieSCT .movie:hover img {
	transform: scale(1.1);
	}
	#movieSCT .hed {
	transform: translateX(-50%);
	position: absolute;
	margin: 0;
	padding-top: 0;
	top: 5.438vw;
	left: 50%;
	}
	#movieSCT .hed img {
	margin-top: 0;
	width: 42.313vw;
	}
	#movieSCT .txt {
	transform: translateX(-5.938vw);
	top: 51.25vw;
	left: 50%;
	width: inherit;
	}
	#movieSCT .txt img {
	height: 3.125vw;
	}
}

#writerSCT {
position: relative;
height: 181.333vw;
}
#writerSCT .bg {
transform: translateX(-50%);
position: absolute;
top: -4.267vw;
left: 50%;
}
#writerSCT .bg img {
width: auto;
height: 158.667vw;
}
#writerSCT .tree6 {
position: absolute;
top: -10.667vw;
right: -16vw;
}
#writerSCT .tree6 img {
width: auto;
height: 40.8vw;
}
#writerSCT .tree7 {
position: absolute;
top: 129.067vw;
left: 2.667vw;
}
#writerSCT .tree7 img {
width: auto;
height: 15.467vw;
}
#writerSCT .tree8 {
position: absolute;
top: 141.867vw;
left: 14.133vw;
}
#writerSCT .tree8 img {
width: auto;
height: 20vw;
}
#writerSCT .hed {
position: relative;
padding-top: 5.333vw;
margin-bottom: 2.667vw;
}
#writerSCT .hed img {
margin: 0 auto;
width: auto;
height: 18.133vw;
}
#writerSCT .pack {
position: relative;
margin: 0 6.667vw;
}
#writerSCT h3 {
margin-bottom: 4vw;
font-size: 4.267vw;
text-align: center;
color: #fff;
}
#writerSCT h3 span {
font-size: 3.2vw;
color: #fff;
}
#writerSCT p {
font-size: 3.733vw;
line-height: 2;
text-align: center;
color: #fff;
}
#writerSCT .txt {
position: absolute;
top: 137.333vw;
right: 5.333vw;
}
#writerSCT .txt img {
width: auto;
height: 9.067vw;
}
@media (min-width: 768px) {
	#writerSCT {
	height: 1060px;
	}
	#writerSCT .cont {
	position: relative;
	margin: 0 auto;
	width: 600px;
	}
	#writerSCT .bg {
	transform: translateX(-32%);
	position: absolute;
	top: 25px;
	left: 50%;
	}
	#writerSCT .bg img {
	height: 720px;
	}
	#writerSCT .tree6 {
	transform: translateX(340px);
	left: 50%;
	top: -80px;
	right: inherit;
	}
	#writerSCT .tree6 img {
	height: 305px;
	}
	#writerSCT .tree7 {
	transform: translateX(-455px);
	left: 50%;
	top: 520px
	}
	#writerSCT .tree7 img {
	height: 113px;
	}
	#writerSCT .tree8 {
	transform: translateX(-360px);
	left: 50%;
	top: 630px;
	}
	#writerSCT .tree8 img {
	height: 150px;
	}
	#writerSCT .hed {
	transform: translateX(-530px);
	position: absolute;
	left: 50%;
	top: 325px;
	padding-top: 0;
	margin-bottom: 0;
	}
	#writerSCT .hed img {
	height: 105px;
	}
	#writerSCT .pack {
	transform: translateX(-150px);
	position: absolute;
	left: 50%;
	top: 240px;
	margin: 0;
	width: 595px;
	}
	#writerSCT h3 {
	margin-bottom: 35px;
	font-size: 30px;
	}
	#writerSCT h3 span {
	font-size: 22px;
	}
	#writerSCT p {
	font-size: 16px;
	line-height: 2.5;
	}
	#writerSCT .txt {
	transform: translateX(180px);
	left: 50%;
	top: 700px;
	right: inherit;
	}
	#writerSCT .txt img {
	height: 50px;
	}
}
@media (min-width: 1600px) {
	#writerSCT {
	height: 66.25vw;
	}
	#writerSCT .cont {
	position: relative;
	margin: 0 auto;
	width: 37.5vw;
	}
	#writerSCT .bg {
	transform: translateX(-32%);
	position: absolute;
	top: 1.563vw;
	left: 50%;
	}
	#writerSCT .bg img {
	height: 45vw;
	}
	#writerSCT .tree6 {
	transform: translateX(28.438vw);
	left: 50%;
	top: -5vw;
	right: inherit;
	}
	#writerSCT .tree6 img {
	height: 19.063vw;
	}
	#writerSCT .tree7 {
	transform: translateX(-455px);
	left: 50%;
	top: 520px
	}
	#writerSCT .tree7 img {
	height: 7.062vw;
	}
	#writerSCT .tree8 {
	transform: translateX(-22.5vw);
	left: 50%;
	top: 39.375vw;
	}
	#writerSCT .tree8 img {
	height: 9.375vw;
	}
	#writerSCT .hed {
	transform: translateX(-33.125vw);
	position: absolute;
	left: 50%;
	top: 20.313vw;
	padding-top: 0;
	margin-bottom: 0;
	}
	#writerSCT .hed img {
	height: 6.563vw;
	}
	#writerSCT .pack {
	transform: translateX(-9.375vw);
	position: absolute;
	left: 50%;
	top: 15vw;
	margin: 0;
	width: 37.188vw;
	}
	#writerSCT h3 {
	margin-bottom: 2.188vw;
	font-size: 1.875vw;
	}
	#writerSCT h3 span {
	font-size: 1.375vw;
	}
	#writerSCT p {
	font-size: 1vw;
	line-height: 2.5;
	}
	#writerSCT .txt {
	transform: translateX(11.25vw);
	left: 50%;
	top: 43.75vw;
	right: inherit;
	}
	#writerSCT .txt img {
	height: 3.125vw;
	}
}

#aboutSCT {
position: relative;
height: 186.667vw;
}
#aboutSCT .bg {
transform: translateX(-50%);
position: absolute;
top: 12vw;
left: 50%;
}
#aboutSCT .bg img {
width: auto;
height: 165.333vw;
}
#aboutSCT .tree9 {
display: none;
}
#aboutSCT .tree10 {
position: absolute;
top: 2.667vw;
left: -14.133vw;
}
#aboutSCT .tree10 img {
width: auto;
height: 42.667vw;
}
#aboutSCT .animal {
position: absolute;
top: 0.8vw;
right: 4.533vw;
}
#aboutSCT .animal img {
width: auto;
height: 22.133vw;
}
#aboutSCT .hed {
position: relative;
padding-top: 26.667vw;
margin: 0 0 4vw 24vw;
}
#aboutSCT .hed img {
width: auto;
height: 15.733vw;
}
#aboutSCT .pack {
margin: 0 auto;
width: 73.333vw;
}
#aboutSCT p {
margin-bottom: 0;
font-size: 3.733vw;
line-height: 2.2;
text-align: left;
}
#aboutSCT .image {
position: relative;
left: 0;
margin: 0 auto;
width: 85%;
}
#aboutSCT .txt {
position: absolute;
top: 167.2vw;
left: 6.4vw;
}
#aboutSCT .txt img {
width: auto;
height: 9.067vw;
}
@media (min-width: 768px) {
	#aboutSCT {
	height: 1130px;
	}
	#aboutSCT .cont {
	position: relative;
	margin: 0 auto;
	width: 600px;
	}
	#aboutSCT .bg {
	transform: translateX(-45%);
	position: absolute;
	top: 50px;
	left: 50%;
	}
	#aboutSCT .bg img {
	width: auto;
	height: 1030px;
	}
	#aboutSCT .tree9 {
	transform: translateX(-760px);
	display: block;
	position: absolute;
	top: -200px;
	left: 50%;
	}
	#aboutSCT .tree9 img {
	width: auto;
	height: 265px;
	}
	#aboutSCT .tree10 {
	transform: translateX(-480px);
	top: 85px;
	left: 50%;
	}
	#aboutSCT .tree10 img {
	height: 317px;
	}
	#aboutSCT .animal {
	transform: translateX(405px);
	top: 10px;
	left: 50%;
	right: inherit;
	}
	#aboutSCT .animal img {
	height: 137px;
	}
	#aboutSCT .hed {
	transform: translateX(-110px);
	position: absolute;
	top: 65px;
	left: 50%;
	padding-top: 0;
	margin: 0;
	}
	#aboutSCT .hed img {
	height: 113px;
	}
	#aboutSCT .pack {
	transform: translateX(-105px);
	position: absolute;
	top: 230px;
	left: 50%;
	margin: 0;
	width: 650px;
	}
	#aboutSCT p {
	margin-bottom: 0;
	font-size: 20px;
	line-height: 2;
	text-align: left;
	}
	#aboutSCT .image {
	transform: translateX(-50%);
	position: absolute;
	margin: 0;
	left: 50%;
	top: 350px;
	width: 650px;
	}
	#aboutSCT .txt {
	transform: translateX(-470px);
	position: absolute;
	top: 940px;
	left: 50%;
	}
	#aboutSCT .txt img {
	height: 50px;
	}
}
@media (min-width: 1600px) {
	#aboutSCT {
	height: 70.625vw;
	}
	#aboutSCT .cont {
	position: relative;
	margin: 0 auto;
	width: 37.5vw;
	}
	#aboutSCT .bg {
	transform: translateX(-45%);
	position: absolute;
	top: 3.125vw;
	left: 50%;
	}
	#aboutSCT .bg img {
	width: auto;
	height: 64.375vw;
	}
	#aboutSCT .tree9 {
	transform: translateX(-47.5vw);
	display: block;
	position: absolute;
	top: -12.5vw;
	left: 50%;
	}
	#aboutSCT .tree9 img {
	width: auto;
	height: 16.563vw;
	}
	#aboutSCT .tree10 {
	transform: translateX(-30vw);
	top: 5.313vw;
	left: 50%;
	}
	#aboutSCT .tree10 img {
	height: 19.813vw;
	}
	#aboutSCT .animal {
	transform: translateX(25.313vw);
	top: 0.625vw;
	left: 50%;
	right: inherit;
	}
	#aboutSCT .animal img {
	height: 8.563vw;
	}
	#aboutSCT .hed {
	transform: translateX(-6.875vw);
	position: absolute;
	top: 4.063vw;
	left: 50%;
	padding-top: 0;
	margin: 0;
	}
	#aboutSCT .hed img {
	height: 7.062vw;
	}
	#aboutSCT .pack {
	transform: translateX(-6.563vw);
	position: absolute;
	top: 14.375vw;
	left: 50%;
	margin: 0;
	width: 40.625vw;
	}
	#aboutSCT p {
	margin-bottom: 0;
	font-size: 1.25vw;
	line-height: 2;
	text-align: left;
	}
	#aboutSCT .image {
	transform: translateX(-50%);
	position: absolute;
	margin: 0;
	left: 50%;
	top: 21.875vw;
	width: 40.625vw;
	}
	#aboutSCT .txt {
	transform: translateX(-29.375vw);
	position: absolute;
	top: 58.75vw;
	left: 50%;
	}
	#aboutSCT .txt img {
	height: 3.125vw;
	}
}

#stepSCT {
position: relative;
height: 202vw;
}
#stepSCT .bg {
transform: translateX(-55%);
position: absolute;
top: 75.333vw;
left: 50%;
}
#stepSCT .bg img {
width: auto;
height: 120vw;
}
#stepSCT .question {
position: absolute;
top: 7.2vw;
left: 8.8vw;
}
#stepSCT .question img {
width: auto;
height: 12.267vw;
}
#stepSCT {
position: relative;
}
#stepSCT .earth {
position: absolute;
top: 14.133vw;
right: 3.2vw;
}
#stepSCT .earth img {
width: auto;
height: 24.533vw;
}
#stepSCT .hed {
position: relative;
padding: 13.333vw 0 10.667vw 0;
}
#stepSCT .hed img {
margin: 0 auto;
width: auto;
height: 22.933vw;
}
#stepSCT .block {
position: relative;
}
#stepSCT .block .img {
margin: 0 auto 7.467vw auto;
width: 74.213vw;
}
#stepSCT .block dt {
margin: 0 auto 5.333vw auto;
width: 35.2vw;
}
#stepSCT .block dd {
margin: 0 auto 6.667vw auto;
width: 61.867vw;
}
@media (min-width: 768px) {
	#stepSCT {
	height: 1160px;
	}
	#stepSCT .cont {
	box-sizing: border-box;
	position: relative;
	margin: 0 auto;
	width: 600px;
	height: 1160px;
	}
	#stepSCT .bg {
	transform: translateX(-20%);
	position: absolute;
	top: 450px;
	left: 50%;
	}
	#stepSCT .bg img {
	width: auto;
	height: 665px;
	}
	#stepSCT .question {
	transform: translateX(-370px);
	top: 25px;
	left: 50%;
	}
	#stepSCT .question img {
	height: 110px;
	}
	#stepSCT .earth {
	transform: translateX(240px);
	top: 50px;
	left: 50%;
	right: inherit;
	}
	#stepSCT .earth img {
	height: 219px;
	}
	#stepSCT .hed {
	transform: translateX(-260px);
	position: absolute;
	left: 50%;
	top: 65px;
	padding: 0;
	}
	#stepSCT .hed img {
	margin: 0 auto;
	width: auto;
	height: 203px;
	}
	#stepSCT .block .img {
	transform: translateX(-450px);
	position: absolute;
	left: 50%;
	top: 420px;
	margin: 0;
	width: 505px;
	}
	#stepSCT .block dl {
	transform: translateX(115px);
	position: absolute;
	left: 50%;
	top: 570px;
	}
	#stepSCT .block dt {
	margin: 0 0 40px 0;
	width: 264px;
	}
	#stepSCT .block dd {
	margin: 0 0 60px 0;
	width: 420px;
	}
}
@media (min-width: 1600px) {
	#stepSCT {
	height: 72.5vw;
	}
	#stepSCT .cont {
	box-sizing: border-box;
	position: relative;
	margin: 0 auto;
	width: 37.5vw;
	height: 72.5vw;
	}
	#stepSCT .bg {
	transform: translateX(-20%);
	position: absolute;
	top: 28.125vw;
	left: 50%;
	}
	#stepSCT .bg img {
	width: auto;
	height: 41.563vw;
	}
	#stepSCT .question {
	transform: translateX(-23.125vw);
	top: 1.563vw;
	left: 50%;
	}
	#stepSCT .question img {
	height: 6.875vw;
	}
	#stepSCT .earth {
	transform: translateX(15vw);
	top: 3.125vw;
	left: 50%;
	right: inherit;
	}
	#stepSCT .earth img {
	height: 13.688vw;
	}
	#stepSCT .hed {
	transform: translateX(-16.25vw);
	position: absolute;
	left: 50%;
	top: 4.063vw;
	padding: 0;
	}
	#stepSCT .hed img {
	margin: 0 auto;
	width: auto;
	height: 12.687vw;
	}
	#stepSCT .block .img {
	transform: translateX(-28.125vw);
	position: absolute;
	left: 50%;
	top: 26.25vw;
	margin: 0;
	width: 31.563vw;
	}
	#stepSCT .block dl {
	transform: translateX(7.187vw);
	position: absolute;
	left: 50%;
	top: 35.625vw;
	}
	#stepSCT .block dt {
	margin: 0 0 2.5vw 0;
	width: 16.5vw;
	}
	#stepSCT .block dd {
	margin: 0 0 3.75vw 0;
	width: 26.25vw;
	}
}

#explanSCT {
position: relative;
height: 192vw;
}
#explanSCT .bg {
transform: translateX(-45%);
position: absolute;
top: 0;
left: 50%;
}
#explanSCT .bg img {
width: auto;
height: 176vw;
}
#explanSCT .tree11 {
position: absolute;
top: -3.733vw;
right: 5.333vw;
}
#explanSCT .tree11 img {
width: auto;
height: 35.733vw;
}
#explanSCT .tree12 {
position: absolute;
top: 146.667vw;
left: -5.333vw;
}
#explanSCT .tree12 img {
width: auto;
height: 35.733vw;
}
#explanSCT .bird {
position: absolute;
top: 146.667vw;
left: 0;
width: 100%;
display: none;
}
#explanSCT .bird img {
width: auto;
height: 14.133vw;
}
#explanSCT .hed {
position: relative;
padding-top: 19.467vw;
margin-bottom: 6.667vw;
}
#explanSCT .hed img {
margin: 0 auto;
width: auto;
height: 20.8vw;
}
#explanSCT .pack {
margin: 0 9.333vw;
}
#explanSCT p {
font-size: 3.733vw;
line-height: 2;
}
#explanSCT .txt {
position: absolute;
top: 164vw;
left: 32vw;
}
#explanSCT .txt img {
width: auto;
height: 13.867vw;
}
@media (min-width: 768px) {
	#explanSCT {
	height: 810px;
	}
	#explanSCT .cont {
	position: relative;
	margin: 0 auto;
	width: 600px;
	}
	#explanSCT .bg {
	transform: translateX(-51%);
	top: 14px;
	}
	#explanSCT .bg img {
	height: 778px;
	}
	#explanSCT .tree11 {
	transform: translateX(473px);
	left: 50%;
	top: -5px;
	right: inherit;
	}
	#explanSCT .tree11 img {
	height: 267px;
	}
	#explanSCT .tree12 {
	transform: translateX(-620px);
	top: 635px;
	left: 50%;
	}
	#explanSCT .tree12 img {
	width: auto;
	height: 265px;
	}
	#explanSCT .bird {
	position: absolute;
	top: 635px;
	left: -200px;
	width: 1000px;
	}
	#explanSCT .bird img {
	width: auto;
	height: 102px;
	}
	#explanSCT .hed {
	margin: 0 -125px 50px -125px;
	padding-top: 140px;
	width: 850px;
	}
	#explanSCT .hed img {
	margin: 0 0 0 90px;
	height: 115px;
	}
	#explanSCT .pack {
	margin: 0 -125px 0 -125px;
	}
	#explanSCT p {
	font-size: 20px;
	line-height: 2;
	text-align: left;
	}
	#explanSCT .txt {
	transform: translateX(-341px);
	top: 698px;
	left: 50%;
	}
	#explanSCT .txt img {
	height: 103px;
	}
}
@media (min-width: 1600px) {
	#explanSCT {
	height: 50.625vw;
	}
	#explanSCT .cont {
	position: relative;
	margin: 0 auto;
	width: 37.5vw;
	}
	#explanSCT .bg {
	transform: translateX(-51%);
	top: 0.875vw;
	}
	#explanSCT .bg img {
	height: 48.625vw;
	}
	#explanSCT .tree11 {
	transform: translateX(29.563vw);
	left: 50%;
	top: -0.312vw;
	right: inherit;
	}
	#explanSCT .tree11 img {
	height: 16.688vw;
	}
	#explanSCT .tree12 {
	transform: translateX(-38.75vw);
	top: 39.688vw;
	left: 50%;
	}
	#explanSCT .tree12 img {
	width: auto;
	height: 16.563vw;
	}
	#explanSCT .bird {
	position: absolute;
	top: 39.688vw;
	left: -12.5vw;
	width: 62.5vw;
	}
	#explanSCT .bird img {
	width: auto;
	height: 6.375vw;
	}
	#explanSCT .hed {
	margin: 0 -7.812vw 3.125vw -7.812vw;
	padding-top: 8.75vw;
	width: 53.125vw;
	}
	#explanSCT .hed img {
	margin: 0 0 0 5.625vw;
	height: 7.187vw;
	}
	#explanSCT .pack {
	margin: 0 -7.812vw 0 -7.812vw;
	}
	#explanSCT p {
	font-size: 1.25vw;
	line-height: 2;
	text-align: left;
	}
	#explanSCT .txt {
	transform: translateX(-341px);
	top: 43.625vw;
	left: 50%;
	}
	#explanSCT .txt img {
	height: 6.438vw;
	}
}

#explan2SCT {
position: relative;
height: 212vw;
}
#explan2SCT .bg {
transform: translateX(-55%);
position: absolute;
top: 6.667vw;
left: 50%;
}
#explan2SCT .bg img {
width: auto;
height: 188vw;
}
#explan2SCT .tree13 {
position: absolute;
top: 74.667vw;
right: 8vw;
}
#explan2SCT .tree13 img {
width: auto;
height: 29.867vw;
}
#explan2SCT .tree14 {
position: absolute;
top: 180vw;
left: 7.467vw;
}
#explan2SCT .tree14 img {
width: auto;
height: 22.933vw;
}
#explan2SCT .img {
position: relative;
margin: 0 12vw 8vw 12vw;
font-size: 2.667vw;
line-height: 1.2;
}
#explan2SCT .img img {
margin-bottom: 1.333vw;
}
#explan2SCT .img span {
display: block;
position: absolute;
bottom: -8vw;
left: 0;
}
#explan2SCT .img a {
color: #666;
}
#explan2SCT .hed {
position: relative;
padding: 8vw 0 0 0;
margin: 0 12vw 16vw 12vw;
}
#explan2SCT .hed img {
width: auto;
height: 18.933vw;
}
#explan2SCT .pack {
margin: 0 9.333vw;
}
#explan2SCT p {
font-size: 3.733vw;
line-height: 2;
}
@media (min-width: 768px) {
	#explan2SCT {
	height: 1050px;
	}
	#explan2SCT .cont {
	position: relative;
	margin: 0 auto;
	width: 600px;
	}
	#explan2SCT .bg {
	transform: translateX(-40%);
	top: 15px;
	}
	#explan2SCT .bg img {
	height: 920px;
	}
	#explan2SCT .tree13 {
	transform: translateX(220px);
	position: absolute;
	top: 245px;
	left: 50%;
	right: inherit;
	}
	#explan2SCT .tree13 img {
	height: 277px;
	}
	#explan2SCT .tree14 {
	transform: translateX(-420px);
	top: 778px;
	left: 50%;
	}
	#explan2SCT .tree14 img {
	height: 170px;
	}
	#explan2SCT .img {
	transform: translateX(-390px);
	position: absolute;
	top: 110px;
	left: 50%;
	margin: 0;
	width: 560px;
	font-size: 10px;
	}
	#explan2SCT .img span {
	bottom: -15px;
	}
	#explan2SCT .hed {
	transform: translateX(-520px);
	position: absolute;
	top: 610px;
	left: 50%;
	padding: 0;
	margin: 0
	}
	#explan2SCT .hed img {
	height: 128px;
	}
	#explan2SCT .pack {
	transform: translateX(-90px);
	position: absolute;
	top: 570px;
	left: 50%;
	margin: 0;
	width: 610px;
	}
	#explan2SCT p {
	font-size: 20px;
	line-height: 2;
	text-align: left;
	}
}
@media (min-width: 1600px) {
	#explan2SCT {
	height: 65.625vw;
	}
	#explan2SCT .cont {
	position: relative;
	margin: 0 auto;
	width: 37.5vw;
	}
	#explan2SCT .bg {
	transform: translateX(-40%);
	top: 0.938vw;
	}
	#explan2SCT .bg img {
	height: 57.5vw;
	}
	#explan2SCT .tree13 {
	transform: translateX(13.75vw);
	position: absolute;
	top: 15.313vw;
	left: 50%;
	right: inherit;
	}
	#explan2SCT .tree13 img {
	height: 17.313vw;
	}
	#explan2SCT .tree14 {
	transform: translateX(-26.25vw);
	top: 48.625vw;
	left: 50%;
	}
	#explan2SCT .tree14 img {
	height: 10.625vw;
	}
	#explan2SCT .img {
	transform: translateX(-24.375vw);
	position: absolute;
	top: 6.875vw;
	left: 50%;
	margin: 0;
	width: 35vw;
	font-size: 0.625vw;
	}
	#explan2SCT .img span {
	bottom: -0.937vw;
	}
	#explan2SCT .hed {
	transform: translateX(-32.5vw);
	position: absolute;
	top: 38.125vw;
	left: 50%;
	padding: 0;
	margin: 0
	}
	#explan2SCT .hed img {
	height: 8vw;
	}
	#explan2SCT .pack {
	transform: translateX(-5.625vw);
	position: absolute;
	top: 35.625vw;
	left: 50%;
	margin: 0;
	width: 38.125vw;
	}
	#explan2SCT p {
	font-size: 1.25vw;
	line-height: 2;
	text-align: left;
	}
}

#bannerSCT .cont {
margin: 0 5.333vw;
z-index: 6;
}
@media (min-width: 768px)  {
	#bannerSCT .cont {
	margin: 0 auto;
	max-width: 1024px;
	}
}
@media (min-width: 1600px)  {
	#bannerSCT .cont {
	margin: 0 auto;
	max-width: 64vw;
	}
}

@media (max-width: 767px) {
	#modalMask {
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,66,37,0.8);
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none;
	}
	#modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
	text-align: center;
	display: none;
	}
	#modal .cont {
	width: 100%;
	height: 100%;
	}
	#modalCont {
	transform: translateY(-50%);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	padding-top: 56.25%;
	}
	#modal iframe,
	#modal .bc-player-default_default {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	#modal .close {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #138c56;
	border-radius: 0 0 0 4vw;
	width: 13.333vw;
	height: 13.333vw;
	cursor: pointer;
	}
	#modal .close::before {
	transform: translate(-50%,-50%) rotate(45deg);
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	display: block;
	background-color: #fff;
	width: 6.667vw;
	height: 0.8vw;
	}
	#modal .close::after {
	transform: translate(-50%,-50%) rotate(-45deg);
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	display: block;
	background-color: #fff;
	width: 6.667vw;
	height: 0.8vw;
	}
}
@media (min-width: 768px) {
	#modalMask {
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,66,37,0.8);
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none;
	}
	#modal {
	box-sizing: border-box;
	transform: translateX(-50%) translateY(-50%);
	position: fixed;
	top: 50%;
	left: 50%;
	width: 80%;
	z-index: 100000;
	text-align: center;
	display: none;
	}
	#modal .cont {
	overflow: hidden;
	background-color: #fff;
	}
	#modalCont {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	}
	#modal iframe,
	#modal .bc-player-default_default {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	#modal p {
	margin: 40px 0 0 0;
	font-size: 12px;
	}
	#modal .close {
	position: absolute;
	right: -25px;
	top: -25px;
	background-color: #138c56;
	border-radius: 15px 0 15px 0;
	width: 50px;
	height: 50px;
	cursor: pointer;
	}
	#modal .close::before {
	transform: translate(-50%,-50%) rotate(45deg);
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	display: block;
	background-color: #fff;
	width: 25px;
	height: 3px;
	}
	#modal .close::after {
	transform: translate(-50%,-50%) rotate(-45deg);
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	display: block;
	background-color: #fff;
	width: 25px;
	height: 3px;
	}
}
@media (min-width: 1600px) {
	#modalMask {
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,66,37,0.8);
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none;
	}
	#modal {
	box-sizing: border-box;
	transform: translateX(-50%) translateY(-50%);
	position: fixed;
	top: 50%;
	left: 50%;
	width: 80%;
	z-index: 100000;
	text-align: center;
	display: none;
	}
	#modal .cont {
	overflow: hidden;
	background-color: #fff;
	}
	#modalCont {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	}
	#modal iframe,
	#modal .bc-player-default_default {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	#modal p {
	margin: 2.5vw 0 0 0;
	font-size: 0.75vw;
	}
	#modal .close {
	position: absolute;
	right: -1.562vw;
	top: -1.562vw;
	background-color: #138c56;
	border-radius: 0.938vw 0 0.938vw 0;
	width: 3.125vw;
	height: 3.125vw;
	cursor: pointer;
	}
	#modal .close::before {
	transform: translate(-50%,-50%) rotate(45deg);
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	display: block;
	background-color: #fff;
	width: 1.563vw;
	height: 0.188vw;
	}
	#modal .close::after {
	transform: translate(-50%,-50%) rotate(-45deg);
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	display: block;
	background-color: #fff;
	width: 1.563vw;
	height: 0.188vw;
	}
}

@keyframes birdAnime {
	0% {
	transform: scale(1, 1);
	}
	4.9% {
	transform: scale(1, 1);
	}
	5% {
	transform: scale(-1, 1);
	}
	27.9% {
	transform: scale(-1, 1);
	}
	28% {
	transform: scale(1, 1);
	}
	64.9% {
	transform: scale(1, 1);
	}
	65% {
	transform: scale(-1, 1);
	}
	100% {
	transform: scale(-1, 1);
	}
}
@keyframes birdAnime2 {
	0% {
	opacity: 0;
	}
	5% {
	opacity: 1;
	}
	95% {
	opacity: 1;
	}
	100% {
	opacity: 0;
	}
}
#birdPOSI {
position: relative;
}
#birdSVG {
position: absolute;
left: -10%;
top: 32vw;
width: 120%;
height: auto;
z-index: 5;
}
@media (min-width: 768px) {
	#birdPOSI {
	position: relative;
	margin: 0 auto;
	width: 600px;
	}
	#birdSVG {
	position: absolute;
	left: 0;
	top: 280px;
	width: 846px;
	height: auto;
	z-index: 5;
	}
}
@media (min-width: 1600px) {
	#birdPOSI {
	position: relative;
	margin: 0 auto;
	width: 37.5vw;
	}
	#birdSVG {
	position: absolute;
	left: 0;
	top: 17.5vw;
	width: 52.875vw;
	height: auto;
	z-index: 5;
	}
}
#birdAni {
opacity: 0;
}
#birdAni.active {
animation: birdAnime2 20s linear infinite;
}
#birdAni.active image {
animation: birdAnime 20s linear infinite;
transform-origin: 25px 25px;
}