@charset "utf-8";

/* .best-rate
================================================== */
.best-rate{
  width:100%;
  max-width:800px;
  margin:0 auto 2%;
  box-sizing: border-box;
  position: relative;
}

.best-rate .ic{
  width:18%;
  display: inline-block;
  vertical-align: middle;
  z-index:2;
  margin-right:-2.5%;
  position: relative;
}

@media only screen and  (max-width: 750px) {
.best-rate .ic{
  width:25%;
}
}

@media only screen and  (max-width: 568px) {
.best-rate .ic{
  width:35%;
  display: block;
  margin:0 auto -15px;
}
}

.best-rate .ic img{
  width:100%;
  height:auto;
}

.best-rate .wrp_txt{
  width:82%;
  display: inline-block;
  vertical-align: middle;
  z-index:1;
  position: relative;
  border-top:2px solid #9F8E54;
  border-bottom:2px solid #9F8E54;
  padding:5px 0;
  background:#FFF;
}

@media only screen and  (max-width: 750px) {
.best-rate .wrp_txt{
  width:75%;
}
}

@media only screen and  (max-width: 568px) {
.best-rate .wrp_txt{
  width:96%;
  display: block;
  margin:0 auto;
}
}

.best-rate .wrp_txt p{
  text-align:center;
}

.best-rate .wrp_txt .sst{
  font-size:1.2em;
  color: #9F8E54;

  padding:5px 1%;
  font-weight:600;
  font-family: 'Zen Old Mincho', serif;
}

@media only screen and  (max-width: 750px) {
.best-rate .wrp_txt .sst{
  font-size:1.1em;
  font-weight:500;
}
}

.best-rate .wrp_txt .txt{
  color: #000;
  line-height:1.8;
  padding:2px 1% 5px;
  font-size:0.95em;
}

@media only screen and  (max-width: 750px) {
.best-rate .wrp_txt .txt{
  padding:2px 4% 5px;
}
}
@media only screen and  (max-width: 568px) {
.best-rate .wrp_txt .txt{
  padding:5px 4% 5px;
  font-size:14px;
  line-height:1.6;
}
}

.best-rate .wrp_txt .txt a{color: #9F8E54;text-decoration:underline;}
.best-rate .wrp_txt .txt a:hover{color: #9F8E54;text-decoration:none;}

.best_btn{
  font-size:13px;
  letter-spacing : 0.05em;
  color:#FFF;
  text-align: center;
}

@media only screen and  (max-width: 900px) {
.best_btn{
  font-size:12px;
}
}

.best_btn a{display:inline-block;color:#FFF;text-decoration:none;background-color:#3D435E;padding:5px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.best_btn a:hover{color:#FFF;text-decoration:none;background-color:#515776;}

#privacy {
  width:100%;
  margin:0 auto;
  padding:0 2% 10%;
  box-sizing: border-box;
}

@media only screen and  (max-width: 900px) {
#privacy {
  padding:0 0 10%;
}
}

.privacy_box {
  width: 100%;
  box-sizing: border-box;
  padding:0 2%;
  margin:0 auto;
  max-width:1000px;
}

#privacy .prv-ttl{
  color:#000;
  font-family: 'Zen Old Mincho', serif;
  font-weight:400;
  font-size:1.8em;
  margin:0 0 3%;
  text-align: center;
}

@media only screen and  (max-width: 568px) {
#privacy .prv-ttl{
  font-size:1.3em;
  font-weight:600;
  line-height:1.4;
}
}

.prv_catch{
  font-family: 'Zen Old Mincho', serif;
  font-weight:400;
  font-size:1.2em;
  margin:0 0 2%;
  text-align: center;
}

@media screen and (max-width: 568px) {
.prv_catch{
  font-size:1em;
}
}

.prv_text{
  padding:2% 1%;
  line-height:1.8;
  font-size:0.95em;
}

@media screen and (max-width: 568px) {
.prv_text{
  padding:2%;
  line-height:1.6;
  font-size:0.9em;
}
}

.prv_text2{
  padding:2% 1% 0;
  line-height:1.8;
  font-size:0.95em;
}

@media screen and (max-width: 568px) {
.prv_text2{
  line-height:1.6;
  font-size:0.9em;
  padding:2% 2% 0;
}
}

.prv_text3{
  padding:1% 1%;
  line-height:1.8;
  font-size:0.95em;
}

@media screen and (max-width: 568px) {
.prv_text3{
  line-height:1.6;
  font-size:0.9em;
  padding:1% 2%;
}
}

.prv_textki{
  padding:2% 0;
  font-family: 'Zen Old Mincho', serif;
  font-weight:400;
  font-size:1.4em;
  text-align: center;
}

.prv_bt{
  text-align: center;
  font-size:14px;
  letter-spacing : 0.03em;
  margin:5% auto;
}

.prv_bt a{color:#52658F;padding:8px 20px 6px;background-color:#FFF;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;text-decoration:none;border:1px solid #52658F;}
.prv_bt a:hover{color:#FFF;text-decoration:none;background-color:#52658F;}

.prv_bt p{
  display:inline-block;
  margin:10px;
}

.rul-ttl{
  font-weight:500;
  margin:2% 0 0;
  padding:0 1%;
  color:#000;
  font-size:1em;
}


@media screen and (max-width: 568px) {
.rul-ttl{
  padding:0 2%;
  font-size:0.95em;
}
}

.prv_h2{
  padding:7px 15px;
  display:block;
  background:#655B2A;
  font-size:1.25em;
  font-weight:400;
  font-family: 'Zen Old Mincho', serif;
  color:#FFF;
  margin:2% 0 0;
}

@media only screen and  (max-width: 568px) {
.prv_h2{
  font-size:1.15em;
  padding:5px 12px;
}
}

.prv_h3{
  padding:7px 15px;
  display:block;
  background:#655B2A;
  font-size:1.25em;
  font-weight:400;
  font-family: 'Zen Old Mincho', serif;
  color:#FFF;
  margin:3% 0 1%;
}

@media screen and (max-width: 568px) {
.prv_h3{
  font-size:1.15em;
  margin:3% 0 2%;
  padding:5px 12px;
}
}

.privacy_box li{
  padding:0 2.5% 4px;
  width: 100%;
  box-sizing: border-box;
}

@media screen and (max-width: 568px) {
.privacy_box li{
  padding:0 1% 4px;
}
}

.privacy_box li{
 font-size:0.95em;
}

.privacy_box dl{
  padding:1% 1%;
  display:table;
  font-size:0.95em;
}

@media screen and (max-width: 568px) {
.privacy_box dl{
  font-size:0.9em;
}
}

.privacy_box li .ldl{
  padding:0!important;
}

.privacy_box li .ldl2{
  padding:5px 2%!important;
}

@media screen and (max-width: 568px) {
.privacy_box li .ldl{
  font-size:0.95em!important;
  padding:0!important;
}

.privacy_box li .ldl2{
  font-size:0.95em!important;
  padding:5px 1% 5px 3%!important;
}
}

.privacy_box dt{
  display:table-cell;
  padding:0 1px 0 0;
  vertical-align: top;
}
.privacy_box dd{
  display:table-cell;
  padding:0;
  vertical-align: top;
}

.prbd{
  border-bottom:0.05em dotted #726626;
  padding:5% 0 0;
  margin-bottom:5%;
}