@charset "UTF-8";
/* CSS Document */
main {
	min-width: 1280px;
	margin-top: 0px;
}

article {
width: 985px;
height: auto;
display: block;
margin: 0px auto;
background-color: hsla(0,100%,99%,0.00);
box-shadow: -2px 0 30px 0px rgba(0, 0, 0, .2);
padding-bottom: 80px;
position: relative;
top: 0px;
z-index: -1;
}

.header {
background-image: url("../image2020/pc/01_1_01/header_bgimg.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto;
width: 1280px;
height: 362px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
top:120px;
z-index: 5;
}

.header h3 {
background-image: url("../image2020/pc/01_1_01/header_01pc.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto;
width: 985px;
height: 317px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
top:40px;
}

.policy,
.use_of,
.law{
width: 985px;
height: auto;
display: block;
margin: 0px auto 0px auto;
padding-bottom: 100px;
}

.policy h4 {
background-image: url("../image2020/pc/01_1_05/privacy_pc.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto -80px auto;
width: 287px;
height: 45px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
padding-top: 280px;
}
.law h4 {
background-image: url("../image2020/pc/01_1_05/law_pc.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto -80px auto;
width: 372px;
height: 47px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
padding-top: 280px;
}
.policy p,
.use_of p{
width: 706px;
height: auto;
display: block;
margin: 0px auto 0px auto;
font-size: 17px;
line-height : 33px;
letter-spacing : -0.5px;
text-align: justify;
text-justify: inter-ideograph;
}

.use_of h4 {
text-align: center;
padding: 40px 0px;
}

.use_of h4 span {
background:#EFEFF0;
font-size: 24px;
font-weight: 600;
color: #000000;
}

.use_of ul {
width: 706px;
height: auto;
display: block;
margin: -5px auto 0px auto;
}

.use_of li {
width: 706px;
height: auto;
padding: 15px 0px;
list-style: square;
}

.law　tbody {
    -webkit-text-size-adjust: 100%;
  } 
  
.law table{
border-collapse: collapse;
border-spacing: 0;
width: 80%;
margin: 0px auto -30px auto;
background-color: #ffffff;
}
.law table, td,　th {
  border: solid 0.5px #000000;
  font-size: 16px;
}
.law th {
width: 28%;
max-height: 100%;
  font-weight: normal;
  text-align: justify;
  padding: 20px;
    background-color: #007BC8;
	color: #FFFFFF;
    border: solid 0.5px #000000;
  font-size: 16px;
}
.law td {
  padding: 20px;
  max-height: 100%;
  color: #333333;
  text-align: justify;
  vertical-align: middle;
  border: solid 0.5px #000000;
  font-size: 16px;
}

/* ============================================== スマートフォン ================================================ */

@media screen and (max-width:800px){
main {
	min-width: 100%;
	margin-top: 0px;
}

article {
width: 100%;
height: auto;
display: block;
	margin: 0px auto;
	background-color: hsla(0,100%,99%,0.00);
	box-shadow: none;
	padding-bottom: 60px;
}

.header {
background-image: none;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto;
width: 100%;
height: 189px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
top:0px;
z-index: 5;
}

.header h3 {
background-image: url("../image2020/sp/01_1_01/header_01sp.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto;
width: 100%;
height: 189px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
top:0px;
}
	
.policy,
.use_of,
.law{
width: 375px;
height: auto;
display: block;
margin: 0px auto 0px auto;
padding-bottom: 35px;
}

.policy h4 {
background-image: url("../image2020/sp/01_1_05/privacy_sp.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 10px auto 0px auto;
width: 100%;
height: 50px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
padding-top: 0px;
}
.law h4 {
background-image: url("../image2020/sp/01_1_05/law_sp.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 10px auto 0px auto;
width: 100%;
height: 50px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
padding-top: 0px;
}
.policy p,
.use_of p {
width: 350px;
height: auto;
display: block;
margin: 20px auto 0px auto;
font-size: 16px;
line-height : 27px;
letter-spacing : -0.5px;
text-align: justify;
text-justify: inter-ideograph;;
}

.use_of h4 {
text-align: center;
padding: 10px 0px;
}

.use_of h4 span {
background:#EFEFF0;
font-size: 17px;
font-weight: 600;
color: #000000;
}

.use_of ul {
width: 350px;
height: auto;
display: block;
margin: 5px auto 0px auto;
padding-left: 15px;
}

.use_of li {
width: 345px;
height: auto;
padding: 15px 0px;
list-style: square;
}

.law　tbody {
    -webkit-text-size-adjust: 100%;
  }
  
.law table{
border-collapse: collapse;
border-spacing: 0;
width: 90%;
margin: 30px auto 0px auto;
background-color: #ffffff;
}
.law table,　td,　th {
border: solid 0.5px #000000;
    font-size: 16px;
}
.law th {
width: auto;
max-height: 100%;
  font-weight: normal;
  text-align: justify;
  padding: 10px 15px;
    background-color: #007BC8;
	color: #FFFFFF;
  display: block;
  border: solid 0.5px #000000;
    font-size: 16px;
}
.law td {
max-height: 100%;
  padding: 15px 15px 25px 15px;
  color: #333333;
  text-align: justify;
  vertical-align: middle;
  display: block;
  border: solid 0.5px #000000;
    font-size: 16px;
}
}