@charset "UTF-8";
/* privacy.css */


section.main{ margin-top:68px;}

@media (max-width: 767px) {
section.main{ margin-top:64px;}
}

.ttl{ background:url(../images/about/main_bg.jpg) no-repeat top center; background-size:cover; height:368px;}
.ttl .inner{ width:1320px; margin:0 auto; position:relative;}
.ttl .top_txt{ position:absolute; left:0; top:110px;}
.ttl .top_txt h1{ font-size:38px; font-weight:bold; color:#fff; margin-bottom:10px; text-align:left;}
.ttl .top_txt p{ font-size:19px; font-weight:bold; color:#FFF; text-align:left; line-height:1.8;}

@media (max-width: 1320px) {
.ttl .inner{ width:100%; position:relative;}
.ttl .top_txt{ position:absolute; left:20px; top:20;}
}


@media (max-width: 767px) {
.ttl{ height:auto;}
.ttl .inner{ width:100%;  position: inherit;}
.ttl .top_txt{ position:inherit; padding:40px 10px;}
.ttl .top_txt h1{ font-size: 24px; font-size: 5vw;
    line-height: 1.4;}
.ttl .top_txt p{ font-size: 16px; font-size: 3.2vw;}
.ttl .top_txt br{ display:none;}
}



.contents{width:1320px; margin:80px auto 40px; }
.contents p.date{ font-size:16px; text-align:right; margin-bottom:10px; margin-top:10px;}
.contents p{ font-size:16px; text-align:left;  }
.contents p.news_txt{ line-height:3;}



@media (max-width: 1320px) {
.contents{width:100%; padding-right: 15px;
    padding-left: 15px; box-sizing:border-box;   }
}


@media (max-width: 767px) {
.contents{width:100%; margin:20px auto; display:block;
    padding-right: 15px;
    padding-left: 15px; box-sizing:border-box;   }
.contents p.date{  font-size: 3.2vw;}
.contents p{  font-size: 3.2vw;}
.contents p.news_txt{ line-height:1.8;}
}

.txt_area{ width: 960px; margin:80px auto;}
.txt_area p{ text-align:left; font-size: 16px; color: #000; line-height: 1.8; margin-bottom: 40px;}
.txt_area h3{ font-size: 26px; font-weight: bold; color: #000; margin-bottom: 20px; border-bottom: 1px solid #bbb; padding-bottom: 5px;}
.list01{ list-style: none; margin-bottom: 40px;}
.list01 li{text-align:left; font-size: 16px; color: #000; line-height: 1.8; padding-left: 3em; text-indent: -3em; }
.list01 li:nth-child(1):before{content: "（ア）";}
.list01 li:nth-child(2):before{content: "（イ）";}
.list01 li:nth-child(3):before{content: "（ウ）";}
.list01 li:nth-child(4):before{content: "（エ）";}
.markarea{ display: flex; justify-content: flex-start;}
.markarea .img{ width: 100px; margin-right: 20px;}

.list02{ list-style: none; margin-bottom: 40px;}
.list02 li{text-align:left; font-size: 16px; color: #000; line-height: 1.8; text-indent: -15px; padding-left: 15px; }
.list02 li:before{content: "●";}

@media (max-width: 979px) {
.txt_area{ width: 100%;}    
}

@media (max-width: 767px) {
.txt_area{ margin:40px auto;}
.txt_area p{ font-size: 3.2vw; margin-bottom: 20px;}
.txt_area h3{ font-size: 3.6vw; } 
.list01{ margin-bottom: 20px;} 
.list01 li{font-size: 3.2vw;  } 
.list02{ margin-bottom: 20px; text-indent: -10px; padding-left: 10px;}
.list02 li{font-size: 3.2vw;  }  
}