@charset "utf-8";
/*--------------------------------------------------------web-map*/
#web-map .caption{line-height:40px; margin-bottom:10px; padding:20px;}
#web-map .caption ul{list-style-type:decimal; margin-left:30px;}
#web-map .caption ul li{display:list-item;}

/*--------------------------------------------------------policy*/
#policy .choice-area, #policy .use-policy{width:300px; margin:0 auto; color:#545454;}
#policy .choice-area{padding:15px 0;}
#policy .choice-area select{width:200px; margin:0 30px 5px 10px;}
#policy .use-policy{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 0;}
#policy .use-policy .content ul{list-style-type:disc; padding: 0 0 0 20px;}
#policy .use-policy .content ul li{display:list-item; line-height:20px; padding-bottom:10px;}
#policy .mobile-version a{margin:0 10px;}

@media screen and (min-width: 370px) {
#policy .choice-area, #policy .use-policy{width:350px;}
#policy .choice-area select{margin:0 55px 5px 10px;}
}

@media screen and (min-width: 480px) {
#policy .choice-area, #policy .use-policy{width:460px;}
#policy .choice-area select{margin:0 0 0 10px;}
}

@media screen and (min-width: 700px) {
#policy .choice-area, #policy .use-policy{width:680px;}
}

@media screen and (min-width: 990px) {
/*--------------------------------------------------------news*/
#news{margin-bottom:10px;}
#news h2.title{padding-left:35px; background:url(../img/web/icon_02.png) no-repeat left;
box-sizing:border-box;
-webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing:border-box;    /* Firefox, other Gecko */
}
#news span.news-link{float:right; color:#000;}
#news span.news-link a{#999;}

/*--------------------------------------------------------web-map*/
#web-map .caption{border:1px solid #ccc;}

/*--------------------------------------------------------policy*/
#policy .step1{
  margin: 25px auto;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
#policy .step1 li{
  width: 100%;
  max-width: 270px;
  display: inline-block;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  border-right: 2px solid #ddd;
}
#policy .step1 li:last-child{
  border: none;
}
#policy .step1 li::after {
  content: '';
  width: 95%;
  height: 5px;
  background-color: #ddd;
  position: absolute;
  border-radius: 50px;
  left: 2.5%;
  top: 50%;
}
#policy .step1 li div{
  width: 100%;
  max-width: 140px;
  margin: auto;
  text-align: center;
  border: 5px solid #ddd;
  padding: 8px 10px;
  border-radius: 50px;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
  position: relative;
  z-index: 1;
  box-shadow: inset 0px 0px 0px 2px #fff, inset 0px 0px 0px 4px #c3c3c3;
  align-items: center;
}
#policy .step1 li:nth-child(1) div{
  border: 5px solid #6538b5;
  box-shadow: inset 0px 0px 0px 2px #fff5f5, inset 0px 0px 0px 4px #d3d3d3;
}
#policy .step1 li:nth-child(1)::after {
  background-color: #6538b5;
}
#policy .step2{
  margin: 25px auto;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
#policy .step2 li{
  width: 100%;
  max-width: 270px;
  display: inline-block;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  border-right: 2px solid #ddd;
}
#policy .step2 li:last-child{
  border: none;
}
#policy .step2 li::after {
  content: '';
  width: 95%;
  height: 5px;
  background-color: #ddd;
  position: absolute;
  border-radius: 50px;
  left: 2.5%;
  top: 50%;
}
#policy .step2 li div{
  width: 100%;
  max-width: 140px;
  margin: auto;
  text-align: center;
  border: 5px solid #ddd;
  padding: 8px 10px;
  border-radius: 50px;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
  position: relative;
  z-index: 1;
  box-shadow: inset 0px 0px 0px 2px #fff, inset 0px 0px 0px 4px #c3c3c3;
  align-items: center;
}
#policy .step2 li:nth-child(1) div{
  border: 5px solid #6538b5;
  box-shadow: inset 0px 0px 0px 2px #fff5f5, inset 0px 0px 0px 4px #d3d3d3;
}
#policy .step2 li:nth-child(1)::after {
  background-color: #6538b5;
}
#policy .step3{
  margin: 25px auto;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
#policy .step3 li{
  width: 100%;
  max-width: 270px;
  display: inline-block;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  border-right: 2px solid #ddd;
}
#policy .step3 li:last-child{
  border: none;
}
#policy .step3 li::after {
  content: '';
  width: 95%;
  height: 5px;
  background-color: #ddd;
  position: absolute;
  border-radius: 50px;
  left: 2.5%;
  top: 50%;
}
#policy .step3 li div{
  width: 100%;
  max-width: 140px;
  margin: auto;
  text-align: center;
  border: 5px solid #ddd;
  padding: 8px 10px;
  border-radius: 50px;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
  position: relative;
  z-index: 1;
  box-shadow: inset 0px 0px 0px 2px #fff, inset 0px 0px 0px 4px #c3c3c3;
  align-items: center;
}
#policy .step3 li:nth-child(1) div{
  border: 5px solid #6538b5;
  box-shadow: inset 0px 0px 0px 2px #fff5f5, inset 0px 0px 0px 4px #d3d3d3;
}
#policy .step3 li:nth-child(1)::after {
  background-color: #6538b5;
}
#policy .step4{
  margin: 25px auto;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
#policy .step4 li{
  width: 100%;
  max-width: 270px;
  display: inline-block;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  border-right: 2px solid #ddd;
}
#policy .step4 li:last-child{
  border: none;
}
#policy .step4 li::after {
  content: '';
  width: 95%;
  height: 5px;
  background-color: #ddd;
  position: absolute;
  border-radius: 50px;
  left: 2.5%;
  top: 50%;
}
#policy .step4 li div{
  width: 100%;
  max-width: 140px;
  margin: auto;
  text-align: center;
  border: 5px solid #ddd;
  padding: 8px 10px;
  border-radius: 50px;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
  position: relative;
  z-index: 1;
  box-shadow: inset 0px 0px 0px 2px #fff, inset 0px 0px 0px 4px #c3c3c3;
  align-items: center;
}
#policy .step4 li:nth-child(1) div{
  border: 5px solid #6538b5;
  box-shadow: inset 0px 0px 0px 2px #fff5f5, inset 0px 0px 0px 4px #d3d3d3;
}
#policy .step4 li:nth-child(1)::after {
  background-color: #6538b5;
}
/* #policy .step1{width:161px; height:26px; padding:28px 25px 0 71px; color:#fff;font-weight:bold; letter-spacing:1px; background:url(../img/web/step1a.png) no-repeat;} */
/* #policy .step2{width:161px; height:26px; padding:28px 25px 0 71px; color:#fff;font-weight:bold; letter-spacing:1px; background:url(../img/web/step21a.png) no-repeat;} */
#policy .choice-area{width:100%; margin-bottom:15px; color:#000; padding:0;}
#policy .choice-area h2{
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  border-top: 1px solid #ddd;
  padding-top: 15px;
}
#policy .choice-area h2 span{
  width: 60px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  background: url(../img/web/choose.jpg) no-repeat;
  text-align: center;
  color: #fff;
  margin-right: 5px;
  vertical-align: 2px;
  font-size: 1rem;
}
#policy .choice-area .content{border:1px solid #ccc; padding:20px 15px;}
#policy .choice-area select{width:235px; margin-right:10px;}
#policy .choice-area input[type="checkbox"]{vertical-align:-2px;}
#policy .use-policy{width:100%; color:#000; border:none; padding:0;}
#policy .use-policy .content{border:1px solid #ccc; padding:10px 15px 20px; margin:10px 0 0 0;}
#policy .use-policy .reservation{height:35px; line-height:35px; margin-bottom:10px;}
#policy .use-policy .reservation a{width:69px; height:35px; padding-left:20px; line-height:35px; display:inline-block; text-align:center; background:url(../img/web/search_bg1.png) no-repeat; color:#000;float:right;}
#policy .use-policy .reservation a:active{position:relative; top:1px;}
}