@charset "utf-8";
/* CSS Document */

#privacy .tabs {
	width: 95%;
	margin: 0 auto;
}

#privacy .tab_item {
	font-size: 14px;
}

/*選択されているタブのコンテンツのみを表示*/
#save:checked ~ #save_content,
#disclosure:checked ~ #disclosure_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
}

#privacy h3 {
	width: 100%;
	font-size: 20px;
	margin: 0 auto 20px;
	text-align: center;
	letter-spacing: 0;
}

#privacy .box{
	width: 95%;
}

#privacy p {
	width: 100%;
	font-size: 14px;
	margin: 15px auto;
	line-height: 32px;
}



#privacy h4{
  border-bottom: solid 3px #D3D3D3;
	padding-bottom: 5px;
  position: relative;	
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	margin: 0 auto;
	letter-spacing: 0;
}

#privacy h4:after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #A8A8A8;
  bottom: -3px;
  width: 20%;
}

#privacy ol li{
	width: 95%;
	font-size: 14px;
	list-style-type: decimal;
	margin: 0 auto;
	line-height: 32px;
}
#privacy .tel-box{
    width: 100%;
	height: auto;
	margin: 0 auto;
	/*border: solid 1px #A8A8A8;*/
	background: #fff;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.3);
}

#privacy .tel-box h5 {
  width: auto;
  font-size: 18px;
  position: relative;
  padding: 10px 0;
	margin: 0 auto;
}

#privacy .tel-box h5:after {
  content: "";
  display: block;
  width: 80%;
  height: 2px;
  margin: 5px auto;
  background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
  background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
}	

#privacy .tel-box p {
	width: auto;
    margin: 0 auto; 
    padding: 10px;
}

#privacy ul li{
	width: 95%;
	font-size: 14px;
	list-style-type: circle;
	margin: 0 auto;
	line-height: 32px;
}

#privacy a {
	width: 100%;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	margin: 0 auto;
}

#privacy .disclosure-list1 ol li {
	list-style-type: upper-latin;
}
/*---------------タブレット用------------------*/
@media screen and (min-width: 768px) {
#privacy .tabs {
	width: 720px;
	margin: 0 auto;
}	
	
#privacy .tab_item {
	font-size: 16px;
	width: 50%;
}	
	
#privacy .box {
	width: 100%;
	margin: 0 auto;
	}
#privacy .tel-box{
    width: 500px;
}
	
#privacy .tel-box p {
    margin: 0 auto; 
}
}

/*---------------PC用------------------*/
@media screen and (min-width: 1024px) {
	#privacy .tabs{
		width: 900px;
		max-width: 1280px;
		margin: 0 auto;
	}
	
	#privacy .box {
		width:  85%;
	}
	
	#privacy .tel-box {
		margin: 0 auto;
	}
	
	#privacy .tel-box p {
		margin: 0 auto;
	}
}