img {max-width: 100%;height: auto;}
body{margin: 0px 0px -16px 0px;
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; 

}
.top02{position: absolute;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width : 33vw ;}
.top03{position: absolute;
    top: 48%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width : 30vw ;}
.bana{
    background: url(img/bana01.fw.png) no-repeat;
    padding: 50px 30px 30px 30px;
    background-position: center center;
    text-align:center;
    background-size:220px;
    font-size:1.5em;
    color:#EA5901;}
.camera{display: flex;
    justify-content:center;}
.camera dl{float: left;
    width: 20%;
    padding: 0%;
    margin: 1em 1%;
    background: url(img/bana02.fw.png) no-repeat;
    padding-top:21px;
    background-position: center top;
    background-size:60px;}
.camera dt {margin-top: 1em;
    color: white;
    background-color: black;
    font-size:1.5em;
    text-align: center;}
.camera dd {padding: 0.5em;
    margin-left: 0;
    border-width: 0 1px 1px;
    border-style: none solid solid;
    border-color: black;
    height:70%}
.bana03{
    background: url(img/bana03.fw.png) no-repeat;
    padding: 36px 30px 30px 30px;
    background-position: center center;
    text-align:center;
    background-size:400px;
    font-size:1.5em;
    color:white;}
.rvpdsa{width:60%;
    margin: 0 auto 2em auto;
    border-collapse:collapse;}
.rvpdsa th{background-color:#CC99FF;
background-image:url(img/style_kado.png);
background-position:left top;
background-repeat:no-repeat;
background-size:2em;
width:40%;padding:1em 5%;vertical-align:middle;}
.rvpdsa td{background-color:#EEEEEE;
    text-align:center;padding:1em;}
.oo1{position: absolute;
    top: 20%;
    left: 55%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size:1.5em;}
.oo2{position: absolute;
    top: 20%;
    left: 63%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size:1.5em;}
.table01{margin: 5em auto 3em auto;
    width:60%;
}
.table01 th{font-weight:normal;
    background-color:#FF9326;
    color:white;
    padding:0.5em 1em 0.5em 1em;
    vertical-align:top;
    width:15em;}
.table01 td{background-color:#F0E1FF;height:6em;
text-align:center;
vertical-align:middle;
    padding:0.5em 1em 0.5em 1em;
    width:10em;
}
.table02{margin: 0 auto 3em auto;
    font-size:1.2em;}
.table02 td{background-color:#EEEEEE;
    padding:0 2em 0 2em;}
.table02 img{width:25%;
    vertical-align:middle;}
.basic{background-color:#FF9326;
    text-align:left;
    color:white;
    padding:1em 0em 1em 1em;}
.advance{background-color:#B973FF;
    text-align:left;
    color:white;
    padding:1em 0em 1em 1em;}
.tokka01{position: absolute;
    top: 35%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size:1.5em;}
.tokka02{position: absolute;
    top: 75%;
    left: 67%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
.inline{text-align:center;
    background-color:#AAAAAA;
    padding:3em 0 3em 0;}
.inline li{display:inline;}
.inline img{width:15%;}
.inline0{padding-right:2em;}
.bottomimg{width:20%;
    margin:4em auto;}
.copyright{background-color:black;
    color:white;
    text-align:center;}
.tab{display:none;}
.pc{display:block;}
.sp{display:none;}

.nobr{display: inline-block;}

dl.orange_bk01{
background-image:url(img/bk01.png);
background-repeat:no-repeat;
background-size:cover;
background-position:center;
padding:1em 20%;
margin: 0.2em 0;
}
dl.orange_bk01 dt{
vertical-align:middle;
display:inline-block;
padding: 0 3% ;
width:25%;
}
dl.orange_bk01 dd{
font-size:1.2em;
vertical-align:middle;
display:inline-block;
padding: 0 2% ;
width:57%;
text-align:center;
}


dl.orange_bk02{
background-image:url(img/bk02.png);
background-repeat:no-repeat;
background-size:cover;
background-position:center;
padding:1em 20%;
margin: 0.2em 0;
}
dl.orange_bk02 dt{
vertical-align:middle;
display:inline-block;
padding: 0 1% 0 6% ;
width:25%;
}
dl.orange_bk02 dd{
font-size:1.2em;
vertical-align:middle;
display:inline-block;
padding: 0 2% ;
width:56%;
text-align:center;
}

.tokuten_out{
font-size:1.5em;
position:relative;
padding:1em;
margin: 1em 15% 0 15%;
background:#eee;
border:1px solid #fff;
border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
}
.tokuten_out02{
text-align:right;
margin: 1em 15% 2em 15%;
}
.tokuten_out p{padding: 0 10%;}
.tokute_logo{text-align:center;position:relative;top:-3em;}

a.otoiawase_button{
color:#fff;
text-decoration: none;
font-weight:900;
background:#EA5903;
padding:1em 5em;
border:1px solid #fff;
box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
display:inline-block;
}

a.otoiawase_button:hover{
color:#EA5903;
background:#fff;
}

img.way_of_life_fukushima{
max-width:300px;
border:2px solid #fff;
box-shadow:0 0 10px 1px rgba(0,0,0,0.2);
}

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


/* ‘‘‘ top‚Φ–ί‚ιƒ{ƒ^ƒ“ ‘‘‘ */

.flow-navi__wrapper {
  display:none;
}
.flow-navi {
  position: fixed;
  bottom: 30px;
right:30px;
  z-index: 100;
}

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


.tokuten_out{
font-size:1.5em;
position:relative;
padding:1em;
margin: 5em 1em 0 1em;
background:#fff;
border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
}
.tokuten_out02{
text-align:right;
margin: 1em 1em 2em 1em;
}
.tokuten_out p{padding: 0 1em;position:relative;top:-1.5em;}
.tokute_logo{text-align:center;position:relative;top:-3em;}


dl.orange_bk01{
background-image:url(img/bk01.png);
background-repeat:no-repeat;
background-size:cover;
background-position:center;
padding:2em 5%;
}
dl.orange_bk01 dt{
vertical-align:middle;
display:inline-block;
padding: 0 4% ;
width:40%;
}
dl.orange_bk01 dd{
font-size:1.5em;
vertical-align:middle;
display:inline-block;
padding: 0 2% ;
width:40%;
text-align:center;
}


dl.orange_bk02{
background-image:url(img/bk02.png);
background-repeat:no-repeat;
background-size:cover;
background-position:center;
padding:2em 5%;
}
dl.orange_bk02 dt{
vertical-align:middle;
display:inline-block;
padding: 0 1% 0 8% ;
width:40%;
}
dl.orange_bk02 dd{
font-size:1.5em;
vertical-align:middle;
display:inline-block;
padding: 0 2% ;
width:40%;
text-align:center;
}



.camera{display: flex;
    justify-content:center;}
.camera dl{float: left;
    width: 20%;
    padding: 0%;
    margin: 1em 1%;
    background: url(img/bana02.fw.png) no-repeat;
    padding-top:21px;
    background-position: center top;
    background-size:60px;}
.camera dt {margin-top: 1em;
    color: white;
    background-color: black;
    font-size:1em;
    text-align: center;}
.camera dd {padding:0 0.5em;
    margin-left: 0;
    border-width: 0 1px 1px;
    border-style: none solid solid;
    border-color: black;
    height:80%;}
.camera br{display: none;}
.rvpdsa{width:90%;
    margin:0 auto;}
.rvpdsa th{width:40%;padding:5%;}
.rvpdsa td{background-color:#EEEEEE;
    text-align:left;}
.oo1{position: absolute;
    top: 0%;
    left: 77%;
    right:-20%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size:1.5em;}
.oo1 br{display: none;}
.oo2{position: absolute;
    top: 0%;
    left: 77%;
    right:-20%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size:1.5em;}
.table01{width:100%;margin-right: 1em;margin-left: 1em;}
.table01 th{font-weight:normal;
    background-color:#FF9326;
    color:white;
    padding:0.5em 1em 0.5em 1em;
    vertical-align:top;}
.table01 td{background-color:#EEEEEE;
    padding:0.5em 1em 0.5em 1em;
    width:10em;}
.table02{width;100%;
    font-size:1.2em;}
.table02 th{padding-right:2em;}
.table02 td{background-color:#EEEEEE;
    padding:0 2em 0 2em;}
.table02 img{width:25%;
    vertical-align:middle;}
.pc{display:none;}
.tab{display:block;}
.tokka01{position: absolute;
    top: 35%;
    left: 50%;
    right:-35%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size:1.5em;}
.tokka01 br{display:none;}
.tokka02{position: absolute;
    top: 90%;
    left: 72%;
    right:-22%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
.inline{text-align:center;
    background-color:#AAAAAA;
    padding:3em 0 3em 0;}
.inline li{display:inline;}
.inline img{width:28%;}
.inline0{padding-right:2em;}
.bottomimg{width:40%;
    margin:4em auto;}
}

.oshirase01{
background:#333;
color:#fff;
padding:1em;
margin: 0 auto 2em auto;
width:50%;
line-height:1.8em;
border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
}

ul.oshirase_lsit{padding:0 0 2em 0;margin:0 20%;text-align:center;}
ul.oshirase_lsit li{padding:0;margin:0;width:46%;display:inline-block;}

@media screen and (max-width: 767px){
.pc{display:none;}
.sp{display:block;}
.top02{position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width : 80vw ;}
.top03{position: absolute;
    top: 83%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width : 80vw ;}
.camera{display:block;padding: 0 1em;}
.camera dl{
    width:97%;
    background: url(img/bana02.fw.png) no-repeat;
    padding-top:21px;
    background-position: center top;
    background-size:60px;}
.camera dt {color: white;
    background-color: black;
    font-size:1.5em;
    text-align: center;}
.camera dd {margin-right:auto;border-width: 0 1px 1px;
    border-style: none solid solid;
    border-color: black;}
.spposi{}
.rvpdsa{}
.rvpdsa th{display:block;padding:2em 1em;width:calc( 100% - 2em );}
.rvpdsa td{display:block;padding:1em;}
.oo1{position: absolute;
    width:100%;
    text-align:center;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size:1em;}
.oo2{position: absolute;
    text-align:center;
    width:100%;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size:1em;}
.bana03{
    background: url(img/bana03.fw.png) no-repeat;
    padding: 36px 30px 30px 30px;
    background-position: center center;
    text-align:center;
    background-size:90%;
    font-size:1.2em;
    color:white;}
.table01{width:100%;margin:0;}
.table01 th{font-weight:normal;
    background-color:#FF9326;
    color:white;
    padding:0.5em 1em 0.5em 1em;
    vertical-align:top;}
.table01 td{background-color:#EEEEEE;
    padding:0.5em 1em 0.5em 1em;
    width:10em;
}
table.table02{width:90%;margin:0 5%;
    font-size:1.2em;padding:0;}
table.table02 tr{width:100%;display:block;}
table.table02 th{
width:90%;
padding:1em 5%;
margin:0;
display:block;
}
table.table02 td{
width:90%;
margin:0;
background-color:#EEEEEE;
display:block;
padding: 1em 5%;
}
table.table02 img{width:25%;
    vertical-align:middle;}
.scroll table{width:100%;}
.scroll{overflow: auto;
    white-space: nowrap;}
.scroll::-webkit-scrollbar{height: 5px;}
.scroll::-webkit-scrollbar-track{background: #F1F1F1;}
.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}
.tokka01{position: absolute;
    top: 40%;
    left: 50%;
    right:-30%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size:1em;
    text-align:center;}
.tokka02{position: absolute;
    top: 92%;
    left: 50%;
    right:-40%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
.inline li{display:block;}
.inline img{width:80%;margin-bottom:1em;}
.inline0{padding-right:0em;}
.bottomimg{width:80%;
    margin:4em auto;}
.copyright{background-color:black;}
.copyright p{width:70%;
    color:white;
    padding:0.5em 0 0.5em 0;
    margin:0 auto;}


dl.orange_bk01{
background-image:url(img/bk01.png);
background-repeat:no-repeat;
background-size:cover;
background-position:center;
padding:2em 1em;
}
dl.orange_bk01 dt{
vertical-align:middle;
display:block;
padding: 0 5% ;
width:88%;
}
dl.orange_bk01 dd{
font-size:1.2em;
vertical-align:middle;
display:block;
padding: 1em 0 ;
width:100%;
text-align:center;margin:0;
}


dl.orange_bk02{
background-image:url(img/bk02.png);
background-repeat:no-repeat;
background-size:cover;
background-position:center;
padding:2em 1em;
}
dl.orange_bk02 dt{
vertical-align:middle;
display:inline-block;
padding: 0 5% ;
width:88%;
}
dl.orange_bk02 dd{
font-size:1.2em;
vertical-align:middle;
display:block;
padding: 1em 0 ;
width:auto;
text-align:center;margin:0;
}


.tokuten_out{
font-size:1.5em;
position:relative;
padding: 1em 1em 0 1em;
margin: 5em 1em 0 1em;
background:#fff;
border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
}
.tokuten_out02{
text-align:left;
margin: 1em 1em 2em 1em;
}
.tokuten_out p{padding: 0 1em;position:relative;top:-1.5em;}
.tokute_logo{text-align:center;position:relative;top:-1.5em;}


.bana01{margin-top:200px;
    }


img.way_of_life_fukushima{
max-width:80%;
border:2px solid #fff;
box-shadow:0 0 10px 1px rgba(0,0,0,0.2);
}



.oshirase01{
background:#333;
color:#fff;
padding:1em;
margin: 0 1em 4em 1em;
width:auto;
line-height:1.8em;
border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
text-align:left;
}
.oshirase01 span{display:inline-block;
}

ul.oshirase_lsit{padding:0 0 2em 0;margin:0 1em;text-align:center;}
ul.oshirase_lsit li{padding:0;margin:0;width:46%;display:inline-block;}
}