@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {
#headingWrap {
width: 100%;
min-width: 1100px;
height: 300px;
background: url(../../images/hakuchoen/privacy/hed_img.jpg) center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 0;
}

.headingIn {
width: 1100px;
margin: auto;
display: table;
height: 300px;
}

.headlineTit {
display: table-cell;
vertical-align: middle;
height: 300px;
}

.headlineTit h2 {
font-family: Century Gothic,Verdana,Arial,sans-serif;
font-size: 3.5rem;
letter-spacing: 1px;
color: #514839;
}

/*-------------------------------------*/
.comTit03 span {
font-weight: normal;
font-size: 2rem;
}

.prList {
width: 100%;
margin: 0 auto 40px;
}

.prList li {
text-indent: -4.8rem;
padding-left: 4.8rem;
margin-bottom: 20px;
}

.prBox {
border: 3px solid #4bb4c6;
box-sizing: border-box;
padding: 30px;
width: 800px;
margin: auto
}

.prBoxh3 {
text-align: center;
margin: 0 auto 20px;
}

.comTable01 {
background-color: #fff;
}

.comTable01 th {
width: 35%;
}

.comTable01 th,
.comTable01 td {
font-size: 1.6rem;
}

.prList2 {
text-indent: -3.2rem;
padding-left: 3.2rem;
}

.prList2 li {
margin-bottom: 20px;
}

.prList2In {
text-indent: -1.6rem;
padding-left: 1.6rem;
}

.prList2In li {
margin-bottom: 10px;
}




}


/*----------------------------------------------------*/


/*sp*/
@media only screen and (max-width: 768px) {
#headingWrap {
width: 90%;
height: auto;
background: url(../../images/hakuchoen/privacy/hed_img.jpg) center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 5% 5%;
}

.headingIn {
width: 100%;
margin: auto;
display: table;
height: auto;
}

.headlineTit {
display: table-cell;
vertical-align: middle;
height: auto;
}

.headlineTit h2 {
font-family: Century Gothic,Verdana,Arial,sans-serif;
font-size: 2rem;
letter-spacing: 2px;
color: #514839;
}

/*-------------------------------------*/
.comTit03{
font-size: 2.2rem;
}

.comTit03 span {
font-weight: normal;
font-size: 1.8rem;
}

.prList {
width: 100%;
margin: 0 auto 40px;
}

.prList li {
text-indent: -4.8rem;
padding-left: 4.8rem;
margin-bottom: 20px;
}

.prBox {
border: 3px solid #4bb4c6;
box-sizing: border-box;
padding: 10px;
width: 90%;
margin: auto
}

.prBoxh3 {
text-align: center;
margin: 0 auto 20px;
}

.comTable01 {
background-color: #fff;
}

.comTable01 th {
text-align: center;
}

.comTable01 th,
.comTable01 td {
display: block;
font-size: 1.6rem;
}

.prList2 {
text-indent: -3.2rem;
padding-left: 3.2rem;
}

.prList2 li {
margin-bottom: 20px;
}

.prList2In {
text-indent: -1.6rem;
padding-left: 1.6rem;
}

.prList2In li {
margin-bottom: 10px;
}




}