@charset "utf-8";


/*#######################################################*/
/*##                                                   ##*/
/*##  プライバシーポリシー                                   ##*/
/*##                                                   ##*/
/*#######################################################*/

/*---------------------------------------------------------
カテゴリタイトル
---------------------------------------------------------*/
#policy #categoryTtl{
	background-image: url( ../policy/img/bg_category_ttl.jpg);
}

/*---------------------------------------------------------
contents
---------------------------------------------------------*/
#policy #contents {
	padding-bottom: 80px;
}
	@media screen and (max-width: 959px) {
		#policy #contents {
			padding-bottom: 110px;
		}
	}
	
	@media screen and (max-width: 640px) {
		#policy #contents {
			padding-bottom: 40px;
		}
	}

#categoryTtl #cateTtl{
	width: 394px;
}
	@media screen and (max-width: 959px) {
		#categoryTtl{
			height: 137px;
			padding-top: 25px;
		}
		#categoryTtl .inner{
			padding: 0px 0px;
		}
		#categoryTtl #cateTtl{
			width: 204px;
		}
	}


/*--------------------------------------------------------

	プライバシーポリシーリスト
	
----------------------------------------------------------*/

#policy .policyList {
  margin-top: 40px;
}
  @media screen and (max-width: 959px) {
    #policy .policyList {
      margin-top: 15px;
    }
  }
  #policy .policyList dt{
    font-weight: bold;
    background-color: #d9f2f2;
    padding: 15px 25px;
    font-size: 137.5%;
  }
    @media screen and (max-width: 959px) {
      #policy .policyList dt{
        padding: 12px;
        font-size:1.6rem;
      }
    }
  #policy .policyList dd{
    padding: 23px 0px 38px 0px;
  }
    @media screen and (max-width: 959px) {
      #policy .policyList dd{
        padding: 13px 0px 28px 0px;
      }
    }
  #policy .policyList dd ul{
    margin-top: 15px;
    padding-left: 5px;
  }

  #policy .policyList dd ul li{
    position: relative;
    margin-bottom: 5px;
    padding-left: 15px;
  }

#policy .policyList dd ul li:before {
  background: #398e8e;
  content: "";
  height: 10px;
  width: 10px;
  left: 0;
  position: absolute;
  border-radius: 25px;
  top: 5px;
}

/*お問い合わせ*/
#policy .policyList .contactBox {
  margin-top: 25px;
  border: 2px solid #d9f2f2;
  padding: 22px 45px;
}
  @media screen and (max-width: 959px) {
    #policy .policyList .contactBox {
      padding: 22px;
    }
  }
  #policy .policyList .contactBox h4 {
    position: relative;
    float: left;
    font-size: 112.5%;
    font-weight: bold;
    margin-top: 35px;
    padding-left: 25px;
  }
    @media screen and (max-width: 959px) {
      #policy .policyList .contactBox h4 {
        margin-top: 0px;
        float: none;
        margin-bottom: 10px;
      }
    }
  #policy .policyList .contactBox h4:before {
    border: 3px solid #398e8e;
    content: "";
    height: 8px;
    width: 8px;
    left: 0;
    position: absolute;
    border-radius: 25px;
    top: 6px;
  }
  #policy .policyList .contactBox .ad{
    overflow: hidden;
    padding-left: 70px;
  }
    @media screen and (max-width: 959px) {
      #policy .policyList .contactBox .ad{
        padding-left: 0px;
      }
    }
  #policy .policyList .contactBox p{
    margin-bottom: 5px;
  }
  #policy .policyList .contactBox a.mail{
    background-image: url( ../common/icon_mail02.png);
    background-repeat: no-repeat;
    background-position: left top 2px;
    padding: 2px 0px 2px 25px;
  }