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

/* --------------------------------------------------
mainTtl
-------------------------------------------------- */
.mainTtl {
	background: url(../img/ttl.png) no-repeat center left,url(../img/ttl_img.png) no-repeat top right;
	background-size: auto auto, cover;
}

.mainTtl span::before{  
	content: "";}

	
	
/*-------------------------------------------------
about
---------------------------------------------------*/

.about{
	border:20px solid #E2DBD2;
	text-align:center;
	padding:5%;
	width:1080px;
	margin:0 auto;
	box-sizing:border-box;}

.about .detail{
	border:2px solid #215542;
	border-radius:20px;
	padding:5%;
	box-sizing:border-box;}
	
.about  h3{
	margin:0 auto 5%;
	max-width:492px;
	text-align:center;}	
	
		
	
.about  p{
	margin-bottom:5%;
	text-align:left;
	}
.about  h4{
	margin:0 auto 5%;
	max-width:334px;}	
	
.about  p.pict{
	text-align:center;}

/* --------------------------------------------------
smartPhone
-------------------------------------------------- */

@media screen and (max-width: 768px) {
	
	/* --------------------------------------------------
	mainTtl
	-------------------------------------------------- */
	
   .mainTtl {
	   background: #0071c7 ;
   }
   
   .mainTtl span {
    font-size: 1.4rem;
	line-height:1;
   }
	/* --------------------------------------------------
	about
	-------------------------------------------------- */
	
	.about{
		border:10px solid #E2DBD2;
		padding:3%;
		width:100%;}
	
	.about img{
		width:100%;}
		

	.about .detail{
		border-radius:10px;
		padding:5%;}
			
}