#contents {
	position: static;
	background: #fff;
}
#mainImage {
	width: 100%;
    background-color: #000;
    position: relative;
    z-index: 0;
    display: table;
}
#mainImage .mainImage_wrap {
	text-align: center;
    position: relative;
    z-index: 10;
    display: table-cell;
    vertical-align: middle;
    padding-top: 70px;
}
#mainImage .main_logo {
	padding-top: 30px;
    padding-bottom: 30px;
}
#mainImage .read {
	font-size: 18px;
    line-height: 1.6;
	text-align: center;
	color: #fff;
	text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}
#mainImage,
#mainImage .swiper-container,
#mainImage .swiper-container .swiper-wrapper,
#mainImage .swiper-container .swiper-wrapper .swiper-slide{
width: 100%;
height: 720px;
background-size: cover;
background-position: center center;
}
#mainImage .swiper-container{
position: absolute;
left: 0;
top: 0;
background-size: 0;
opacity: 0.8;
}


#contentsTop {
    position: relative;
    background: url(../images/top_map2.png) #00b5c9 no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    height: 5367px;
    background-position: left top;
    overflow: hidden;
}
#contentsTop #footerTopWave {
    position: absolute;
    bottom: -4px;
}
#contentsTop #footerTopWave img{
    height: 35px;
}
#contentsTop .textBox h3 {
    font-size: 40px;
    text-align: center;
}
#contentsTop #aomoriTop{
	display: inline;
	position: absolute;
    top: 620px;
    left: 830px;
}

#contentsTop #iwateTop{
	display: inline;
	position: absolute;
    top: 2010px;
    left: 600px;
}

#contentsTop #miyagiTop{
	display: inline;
	position: absolute;
	top: 3920px;
    left: 900px;
}

#contentsTop #fukushimaTop{
	display: inline;
	position: absolute;
	top: 4700px;
    left: 700px;
}

#contentsTop #sendaiTop{
	display: inline;
	position: absolute;
	top: 3715px;
    left: 540px;
}
#contentsTop a:hover {
	opacity: 1.00!important;
}
#contentsTop a:hover img{
transition: .3s;
}
#contentsTop a:hover img {
	opacity: 1.00!important;
    margin-top: -20px;
}
.mov_ico img{
width: 200px;
height: auto
}

#aomori_01{
position: absolute;
left: 800px;
top: 1128px;
z-index: 10;
}
#aomori_01_vr{
position: absolute;
left: 1022px;
top: 1135px;
z-index: 10;
}
#aomori_02{
position: absolute;
left: 680px;
top: 940px;
z-index: 10;
}
#aomori_02_vr{
position: absolute;
left: 908px;
top: 940px;
z-index: 10;
}
#iwate_01{
position: absolute;
left: 1180px;
top: 1760px;
z-index: 10;
}
#iwate_03{
position: absolute;
left: 910px;
top: 1340px;
z-index: 10;
}
#iwate_03_vr{
position: absolute;
left: 1130px;
top: 1340px;
z-index: 10;
}
#iwate_04{
position: absolute;
left: 980px;
top: 1550px;
z-index: 10;
}
#iwate_04_vr{
position: absolute;
left: 1200px;
top: 1550px;
z-index: 10;
}
#iwate_05{
position: absolute;
left: 1070px;
top: 1950px;
z-index: 10;
}
#iwate_05_vr{
position: absolute;
left: 1290px;
top: 1952px;
z-index: 10;
}
#iwate_06{
position: absolute;
left: 1020px;
top: 2170px;
z-index: 10;
}
#iwate_06_vr{
position: absolute;
left: 1240px;
top: 2170px;
z-index: 10;
}
#iwate_07{
position: absolute;
left: 1040px;
top: 2540px;
z-index: 10;
}
#iwate_07_vr{
position: absolute;
left: 1260px;
top: 2540px;
z-index: 10;
}
#miyagi_01{
position: absolute;
left: 1240px;
top: 2780px;
z-index: 10;
}
#miyagi_02{
position: absolute;
left: 1020px;
top: 2780px;
z-index: 10;
}
#miyagi_03{
position: absolute;
left: 630px;
top: 3180px;
z-index: 10;
}
#miyagi_04{
position: absolute;
left: 630px;
top: 3390px;
z-index: 10;
}
#miyagi_05_vr{
position: absolute;
left: 1070px;
top: 3180px;
z-index: 10;
}
#miyagi_06_vr{
position: absolute;
left: 850px;
top: 3390px;
z-index: 10;
}
#miyagi_07_vr{
position: absolute;
left: 1060px;
top: 3390px;
z-index: 10;
}
#miyagi_08_vr{
position: absolute;
left: 850px;
top: 3180px;
z-index: 10;
}
#miyagi_09_vr{
position: absolute;
left: 950px;
top: 3580px;
z-index: 10;
}
#miyagi_10{
position: absolute;
left: 380px;
top: 3630px;
z-index: 10;
}
#miyagi_10_vr{
position: absolute;
left: 600px;
top: 3630px;
z-index: 10;
}
#miyagi_11{
position: absolute;
left: 320px;
top: 4050px;
z-index: 10;
}
#miyagi_11_vr{
position: absolute;
left: 540px;
top: 4050px;
z-index: 10;
}
#miyagi_12{
position: absolute;
left: 350px;
top: 3840px;
z-index: 10;
}
#miyagi_12_vr{
position: absolute;
left: 570px;
top: 3840px;
z-index: 10;
}

#fukushima_01{
position: absolute;
left: 450px;
top: 4910px;
z-index: 10;
}
#fukushima_01_vr{
position: absolute;
left: 700px;
top: 4920px;
z-index: 10;
}
#fukushima_02_vr{
position: absolute;
left: 620px;
top: 4660px;
z-index: 10;
}
#fukushima_03_vr{
position: absolute;
left: 860px;
top: 5130px;
z-index: 10;
}
#fukushima_04{
position: absolute;
left: 490px;
top: 5120px;
z-index: 10;
}

#contentsTop #clowd{
	position: absolute;
	left:-330px;
	top:220px;
	animation-name: anim02;
	animation-duration: 30s;
	animation-iteration-count : infinite;
	transform: translate3d(0,0,0);
	will-change: animation, position;
	z-index: 0;
}
#sp_map{
display: none;
}













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

#contents {
	position: static;
	background: #fff;
}
#mainImage {
	width: 100%;
    background-color: #000;
    position: relative;
    z-index: 0;
}
#mainImage .mainImage_wrap {
	text-align: center;
    position: relative;
    z-index: 10;
     padding-top: 0px;
}
#mainImage .main_logo {
	padding-top: 20px;
    padding-bottom: 20px;
    text-align: center
}
#mainImage img.main_logo{
width: 80%;
height: auto;
}
#mainImage .read {
	font-size: 14px;
    line-height: 1.8;
	text-align: left;
	color: #fff;
	text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    padding-left: 20px;
    padding-right: 20px;
}
#mainImage .read br{
display: none
}
#mainImage,
#mainImage .swiper-container,
#mainImage .swiper-container .swiper-wrapper,
#mainImage .swiper-container .swiper-wrapper .swiper-slide{
width: 100%;
height: 300px;
background-size: cover;
background-position: center center;
}
#mainImage .swiper-container{
position: absolute;
left: 0;
top: 0;
background-size: 0;
opacity: 0.8;
}


#contentsTop {
    position: relative;
    background: url(../images/top_map2.png) #00b5c9 no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    height: auto;
    background-position: left top;
    overflow: hidden;
    background-size: contain;
    display: none
}
#contentsTop #footerTopWave {
    position: absolute;
    bottom: -4px;
}
#contentsTop #footerTopWave img{
    height: 35px;
}
#contentsTop .textBox h3 {
    font-size: 40px;
    text-align: center;
}
#contentsTop #aomoriTop{
	display: inline;
	position: absolute;
    top: 620px;
    left: 830px;
}

#contentsTop #iwateTop{
	display: inline;
	position: absolute;
    top: 2010px;
    left: 600px;
}

#contentsTop #miyagiTop{
	display: inline;
	position: absolute;
	top: 3920px;
    left: 900px;
}

#contentsTop #fukushimaTop{
	display: inline;
	position: absolute;
	top: 4700px;
    left: 700px;
}

#contentsTop #sendaiTop{
	display: inline;
	position: absolute;
	top: 3715px;
    left: 540px;
}
#contentsTop a:hover {
	opacity: 1.00!important;
}
#contentsTop a:hover img{
transition: .3s;
}
#contentsTop a:hover img {
	opacity: 1.00!important;
    margin-top: 0px;
}
.mov_ico{
width: 33%;
padding: 2.5%;
left: auto!important;
top: auto!important;
float: left
}
.mov_ico img{
width: 100%;
height: auto
}

#aomori_01{
position: relative;
left: auto;
top: auto;
z-index: 10;
}
#aomori_01_vr{
position: relative;
left: auto;
top: auto;
z-index: 10;
}
#aomori_02{
position: relative;
left: 124px;
top: 640px;
z-index: 10;
}
#aomori_02_vr{
position: relative;
left: 458px;
top: 738px;
z-index: 10;
}
#iwate_01{
position: relative;
left: 508px;
top: 1261px;
z-index: 10;
}
#iwate_03{
position: relative;
left: 770px;
top: 1544px;
z-index: 10;
}
#iwate_03_vr{
position: relative;
left: 1082px;
top: 1405px;
z-index: 10;
}
#iwate_04{
position: relative;
left: 128px;
top: 2007px;
z-index: 10;
}
#iwate_04_vr{
position: relative;
left: 430px;
top: 1867px;
z-index: 10;
}
#iwate_05{
position: relative;
left: 815px;
top: 1952px;
z-index: 10;
}
#iwate_05_vr{
position: relative;
left: 1130px;
top: 1812px;
z-index: 10;
}
#iwate_06{
position: relative;
left: 286px;
top: 2393px;
z-index: 10;
}
#iwate_06_vr{
position: relative;
left: 572px;
top: 2246px;
z-index: 10;
}
#iwate_07{
position: relative;
left: 809px;
top: 2505px;
z-index: 10;
}
#iwate_07_vr{
position: relative;
left: 1119px;
top: 2368px;
z-index: 10;
}
#miyagi_01{
position: relative;
left: 560px;
top: 2822px;
z-index: 10;
}
#miyagi_02{
position: relative;
left: 955px;
top: 2852px;
z-index: 10;
}
#miyagi_03{
position: relative;
left: 132px;
top: 2976px;
z-index: 10;
}
#miyagi_04{
position: relative;
left: 414px;
top: 3155px;
z-index: 10;
}
#miyagi_05_vr{
position: relative;
left: 780px;
top: 3194px;
z-index: 10;
}
#miyagi_06_vr{
position: relative;
left: 1131px;
top: 3277px;
z-index: 10;
}
#miyagi_07_vr{
position: absolute;
left: 142px;
top: 3377px;
z-index: 10;
}
#miyagi_08_vr{
position: relative;
left: 536px;
top: 3490px;
z-index: 10;
}
#miyagi_09_vr{
position: relative;
left: 912px;
top: 3553px;
z-index: 10;
}
#miyagi_10{
position: relative;
left: 846px;
top: 3915px;
z-index: 10;
}
#miyagi_10_vr{
position: relative;
left: 1160px;
top: 3790px;
z-index: 10;
}
#miyagi_11{
position: relative;
left: 145px;
top: 3750px;
z-index: 10;
}
#miyagi_11_vr{
position: absolute;
left: 496px;
top: 3816px;
z-index: 10;
}
#miyagi_12{
position: relative;
left: 200px;
top: 4083px;
z-index: 10;
}
#miyagi_12_vr{
position: relative;
left: 586px;
top: 4142px;
z-index: 10;
}

#fukushima_01{
position: relative;
left: 346px;
top: 4476px;
z-index: 10;
}
#fukushima_01_vr{
position: relative;
left: 700px;
top: 4506px;
z-index: 10;
}
#fukushima_02_vr{
position: relative;
left: 1017px;
top: 4658px;
z-index: 10;
}
#fukushima_03_vr{
position: relative;
left: 578px;
top: 4800px;
z-index: 10;
}
#fukushima_04{
position: relative;
left: 200px;
top: 4752px;
z-index: 10;
}

#contentsTop #clowd{
	position: absolute;
	left:-330px;
	top:220px;
	animation-name: anim02;
	animation-duration: 30s;
	animation-iteration-count : infinite;
	transform: translate3d(0,0,0);
	will-change: animation, position;
	z-index: 0;
    display: none
}
#sp_map{
display: block;
}
#sp_map img{
width: 100%;
height: auto
}

}