body {
  overflow-x: hidden;
  margin:0;
}

div,p,span,section,article,a,img{
	box-sizing:border-box;
}
img {
  max-width: 100%;
}
p{
	margin:0;
}
.sp_none{
	display:none;
}
.sp_head {
  width: 100%;
  height: 100px;
  background: #fff;
  padding-top: 20px;
  display: block;
  position: fixed;
  z-index: 980;
}
.sp_head img {
  max-width: 100%;
}

.fixed {
  position: fixed !important;
  display: block !important;
  width: 100%;
  height: 100px;
  background: #fff;
  z-index: 99;
}

#wrap {
  width: 100%;
  background: #fff;
}

.inner {
  width: 100%;
  margin: 0 auto;
  padding: 8vw 6vw;
}

.slick-article {
  transform: skewX(-10deg);
  padding-left: 0px;
  margin-right: 0px;
}
.slick-article .slick-slide {
  padding: 0px 0px;
}
.slick-article .slick-slide img {
  transform: skewX(10deg);
  width: 90%;
}

.slick_container {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.slick-list {
  height: 60vh;
}

#title {
  position: relative;
  z-index: 10;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
  padding: 0px 0px 0px;
  border-top: 5px solid #f08200;
  overflow: hidden;
}
#title div.title-inner {
  position: absolute;
  text-align: center;
  width: 100%;
  margin: 30px auto 0 0;
  padding: 30px 10px;
  z-index: 1;
  background: rgba(240, 130, 0, 0.8);
  transform: skewX(0deg);
}
#title div.title-inner img {
  margin-left: 0%;
  transform: skewX(0deg);
}

p.message-title {
  font-size: 5vw;
  font-weight: bold;
  border: 0;
  background:#f08200;
  color:#fff;
  padding:6vw;
  display:flex;
  justify-content:center;
  align-items:center;
  margin: 0;
}
p.message-txt {
  font-size: 16px;
  line-height: 1.5;
}
p.message-txt span {
  font-size: 18px;
  display: block;
  font-weight: bold;
  color: #0a5e91;
  padding-bottom: 5px;
}
#info-top {
  width: 100%;
  background: #fff;
  text-align: left;
  line-height: 1.5;
}
#info-top .eco-img {
  padding: 0;
  display: block;
  margin: 0 auto;
}
#info-top .eco-mds {
  padding: 25px 0px 35px;
  font-size: 22px;
  font-weight: bold;
  color: #000;
}
#info-top .eco-txt {
  font-size: 16px;
  line-height: 1.8;
  color: #000;
}

#info {
  width: 100%;
}

#info .merit01 {
  background: #fafafa;
}
#info .merit02 {
  background: #fff0df;
}
#info .info-merit {
  width: 100%;
}
#info .info-merit .inner {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  align-items: center;
  padding: 50px 10px;
}
#info .info-merit .inner p {
  margin: 0 auto;
}
#info .info-merit .inner img {
  padding: 0px 0px 20px;
  text-align: center;
  margin: 0 auto;
}
#info .info-merit .inner .info-merit-mds {
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
#info .info-merit .inner .info-merit-article {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#info .info-merit .inner .merit, #info .info-merit .inner .demerit {
  padding: 25px 0px 0px 0px;
  line-height: 1.75;
  width: 100%;
}
#info .info-merit .inner .merit span.merit-top, #info .info-merit .inner .demerit span.merit-top {
  background: #f08200;
}
#info .info-merit .inner .merit span.demerit-top, #info .info-merit .inner .demerit span.demerit-top {
  background: #4fa1d3;
}
#info .info-merit .inner .merit span.merit-top, #info .info-merit .inner .merit span.demerit-top, #info .info-merit .inner .demerit span.merit-top, #info .info-merit .inner .demerit span.demerit-top {
  padding: 7px 0px;
  margin-bottom: 15px;
  width: 65vw;
  color: #fff;
  border-radius: 10px;
  display: block;
  text-align: center;
  font-weight: bold;
}
#howto {
  width: 100%;
}
#howto p.cmds {
  font-size: 22px;
  font-weight: bold;
  padding-left: 30px;
  margin-bottom: 25px;
}

.message-img {
  width: 100%;
  height: 250px;
  margin: 50px 0px 0px;
}

.howto-bg {
  background: url("../images/howpic.jpg") no-repeat center center;
  background-size: cover;
}

#erea {
  width: 100%;
  padding: 50px 0px;
}
#erea p.cmds {
  font-size: 22px;
  font-weight: bold;
  padding-left: 30px;
  margin-bottom: 25px;
}
#erea .maps {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  align-items: center;
  padding: 50px 0px 0px;
}
#erea .maps div {
  width: 100%;
}
#erea .maps div img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
#erea .maps p {
  width: 100%;
}
#erea .maps span {
  display: block;
}
#erea .maps span.maps-mds {
  color: #f08200;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 20px;
}
#erea .maps span.maps-1r {
  color: #000;
  font-size: 24px;
  font-weight: bold;
}
#erea .maps span.maps-2r {
  font-size: 16px;
  color: #fff;
  background: linear-gradient(135deg, #7db9e8 0%, #2989d8 30%, #0a5e91 100%);
  padding: 10px;
  border-radius: 10px;
  line-height: 1.7;
}
#flow {
  width: 100%;
}
#flow p.cmds {
  font-size: 22px;
  font-weight: bold;
  padding-left: 30px;
  margin-bottom: 25px;
}

#flow .flow-bd {
  border-top: 3px solid #f08200;
}
#flow .flow-1 {
  width: 100%;
  background: #faf9f5;
}
#flow .flow-2 {
  width: 100%;
  background: #f2f0e7;
}
#flow .flow-3 {
  width: 100%;
  background: #e9e5d7;
}
#flow .flow-1 .inner, #flow .flow-2 .inner, #flow .flow-3 .inner {
  position: relative;
  padding: 6vw;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
#flow .flow-1 .inner img, #flow .flow-2 .inner img, #flow .flow-3 .inner img {
  padding-top: 6vw;
  width: 100%;
}
#flow .flow-mds {
  font-size: 24px;
  font-weight: bold;
  padding: 0px 10px 20px 15px;
  border-bottom: 2px dotted #000;
}
#flow .flow-txt {
  font-size: 16px;
  padding: 20px 0px 0px 15px;
  line-height: 1.8;
}
#flow .flow-contact {
  background: linear-gradient(135deg, #7db9e8 0%, #2989d8 30%, #0a5e91 100%);
  width: 300px;
  height: 50px;
  margin-top: 20px;
}
#flow .flow-contact a {
  color: #fff;
  font-size: 18px;
  display: block;
  height: 50px;
  text-align: center;
  padding-top: 17px;
  font-weight: bold;
}
#contact {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 50px 10px 50px;
}
#contact-footer {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 0px 10px 0px;
}
#prev {
  width: 100%;
}
#prev p.cmds {
  font-size: 22px;
  font-weight: bold;
  padding-left: 30px;
  margin-bottom: 25px;
}
#prev p.jumping {
  background: linear-gradient(135deg, #7db9e8 0%, #2989d8 30%, #0a5e91 100%);
  color: #fff;
  width: 100%;
  border-radius: 10px;
  padding: 25px 15px;
  line-height: 1.75;
  margin-top:6vw;
}
#check {
  width: 100%;
}
#check p.cmds {
  font-size: 22px;
  font-weight: bold;
  padding-left: 30px;
  margin-bottom: 25px;
}

#signs {
  width: 100%;
}

#signs p.cmds {
  font-size: 22px;
  font-weight: bold;
  padding-left: 30px;
  margin-bottom: 25px;
}
#signs .signs-con {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 50px;
}
#signs .signs-con img {
  display: block;
  padding: 0px 0px 20px 0px;
  order: 1;
}
#signs .signs-con .signs-txt {
  width: 100%;
  font-size: 16px;
  padding: 10px 0px 0px 0px;
  line-height: 1.5;
  order: 2;
}
#signs .signs-con .signs-txt span {
  width: 100%;
  font-size: 18px;
  color: #0a5e91;
  font-weight: bold;
  padding: 0px 0px 0px 15px;
  margin-bottom: 10px;
  line-height: 1.8;
  border-bottom: 2px solid #f08200;
  display: block;
}
.copyright{
	padding:4vw;
	background:#f08200;
	margin:12vw 0 0;
}
#footer {
  padding-bottom: 23vw;
}
.merit-top,
.demerit-top{
	margin:15px auto;
}


#floating-bn {
position:fixed;
width:100%;
height:85px;
bottom:0;
background:rgba(0, 0, 0, 0.6);
text-align:center;
z-index:99;
}

.floating-inner {
width:100%;
margin:0 auto;
}

.floating-inner span {
font-size:125%;
color:#fff;
font-weight:bold;
}

.floating-inner a {
margin-top:4px;
font-weight:bold;
}

.floating-inner img {
margin-top:-20px;
}


#page-top {
position:fixed;
bottom:90px;
right:28px;
z-index:997;
}

#page-top a {
display:block;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

#page-top a:hover {
opacity:0.8px;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}



.footer-link{
	width:100%;
	margin: 5vw auto;
    display: flex;
    justify-content: space-evenly;
}


section.page-policy-body {
    width: 100%;
    overflow: hidden;
    font-family: noto-sans;
    background: #f4f5f6;
    padding: 0 7vw 14vw;
    margin-bottom: 10vw;
    word-break: break-all;
}

.page-policy-body h1 {
    text-align: center;
    margin: 10vw;
    color: cadetblue;
}

.page-policy-body h2{
    text-align: center;
    color: #666;
    padding-bottom: 5vw;
    border-bottom: 0.5vw solid #666;
    margin-bottom: 5vw;
}
.page-policy-body ul{
    margin:5vw 0;
    padding: 0;
    list-style: none;
}
.page-policy-body ol{
    list-style-type:decimal;
    padding-left: 5vw;
    margin: 2vw 0;
}
.page-policy-body>div>div>ul>li{
    padding:3vw 0;
    border-top:1px solid #ddd;
}
.page-policy-body dt{
    font-weight:bold;
    margin-bottom:3vw;
}