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

a {
	text-decoration: none;
	color: #000;
}

#pt {
		font-family:"Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 12px;
		line-height: 2.0em;
		padding-bottom: 50px;
		width: 100%;
		margin: 0 auto 10%;
		letter-spacing: 1.2px;
	}

img {
		width: 100%;
	}

#pt .content{
	width: 1000px;
	margin: 0 auto;
}

#pt .content .logo {
	width: 280px;
    margin: 65px auto 0;
}

#pt .content .ttl{
	margin: 5% auto 5%;
	font-size: 15px;
	text-align: center;
	font-weight: 600;
}

#pt .content .txt{
	width: 510px;
	margin: 0 auto;
}

#pt .content .kome{
	text-align: center;
	margin: 0 auto 2%;
	font-weight: 600;
}

#pt .content .txt a{
	text-decoration: underline;
}

#pt .content .date{
	font-size: 15px;
	font-weight: 600;
	margin: 5% auto 5%;
	text-align: center;
}


#pt .content .line {
	border-top: 1px solid #000;
	margin: 5% auto 5%;
	width: 550px;
	
}

#pt .content .attention{
	margin: 10% auto 0;
}

#pt .content .attention .kome{
	text-align: center;
	margin: 0 auto 3%;
	font-weight: 600;
}

@media only screen and (max-width: 768px) {
	#pt .content{
	width: 100%;
	margin: 10% auto;
	}
	#pt .content .logo{
	width: 55%;
	}
	#pt .content .ttl{
	margin: 12% auto 12%;
	text-align: center;
	font-weight: 600;
	}
	
	#pt .content .txt{
	width: 90%;
	}
	
	#pt .content .date{
	font-size: 13px;
	margin: 10% auto 10%;
	}
	
	#pt .content .line {
	width: 100%;
	margin: 15% auto;
	}
	
	#pt .content .attention{
	margin: 15% auto 0;
	}
	
}


/*////pcview////*/
   .spview {
        display: none;
    }    
    .pcview {
        display: block;
    }
@media only screen and (max-width: 768px)  {
   .spview {
        display: block;
    }    
   .pcview {
        display: none!important;
    }    
}





.anim{
		opacity: 0;
		transition: 1.5s all 0s ease;
}

.anim.ac{
		opacity:1;
}