@charset "UTF-8";

/*----------------------------------------------------------------------------------------------------------------------privacy.html----------*/

#privacy{
margin:250px auto 0;
width:66.64%;
max-width:960px;
}

#page_tit{ font-size:30px; }

.list{ 
margin-top:50px;
margin-left:5%;
}

.list h3{ font-weight:bold; }

.list p{ margin-top:10px; }

.list p a{ 
color:#00ccff;
text-decoration:underline;
}

.list p a:hover{ text-decoration:none; }

#privacy dl{ 
display:flex;
flex-wrap: wrap;
width:100%;
margin-top:10px;
}

#privacy dt{ 
width:8%;
margin-top:10px;
}

#privacy dd{ 
width:92%;
margin-top:10px;
}

.window{ 
margin-top:60px;
border:1px solid #ddd;
padding:35px 5%;
}

.window h3{ 
font-weight:bold;
margin-top:25px;
border-top:1px solid #ddd;
padding-top:25px;
}

.window h3:first-child{
margin-top:0px;
border-top:none;
padding-top:0px;
}

.window p{ margin-top:10px; }

#privacy h2{
font-weight:bold;
font-size:18px;
margin-top:100px;
border-top:1px dotted #ccc;
padding-top:100px;
padding-left:30px;
background: url("../images/dot_blue.png") no-repeat bottom 7px left;
background-size:20px 20px;
line-height:1.6;
}

.read{ margin-top:50px; }

.kihon li{ 
margin-top:30px;
list-style-type:decimal;
margin-left:5%;
}

.date{ 
margin-top:50px;
text-align:right;
}

.list ul li{
list-style-type: decimal;
margin-left:24px;
}

.box_group{ margin:75px auto 0; }

.box_group h3{ font-weight:bold; }

.box_group p{ margin-top:20px; }

.box_mark{
display: flex;
align-items: center;
flex-direction: row-reverse;
margin-top: 20px;
}

.box_mark p:first-child{
width:40%;
padding: 0 5%;
text-align: center;
}

.box_mark p:first-child img{
width:100%;
max-width: 100px;
height: auto;
}


@media screen and (max-width:1024px){
	
#privacy{
margin:150px auto 0;
width:90%;
}

#page_tit{ font-size:24px; }

.list{ margin-top:30px; }

#privacy dt{ 
width:20%;
margin-top:10px;
}

#privacy dd{ 
width:80%;
margin-top:10px;
}

.window{ 
margin-top:40px;
padding:25px 5%;
}

#privacy h2{
font-size:16px;
margin-top:50px;
padding-top:50px;
}

}


@media screen and (max-width:767px){

.box_mark{
display: block;
margin-top: 20px;
}

.box_mark p:first-child{
padding: 0 0 20px 0;
width:100%;
}

}