@charset "UTF-8";

@media only screen and (min-width : 768px ){

/* PC時に表示 */
.pc { display: block !important; }
.sp { display: none !important; }


/*----メインイメージ----------------*/
.mainimg-i {
text-align: center;
width: 100%;
height: 400px;
background-image: url("../../img/mainimg/top-std.webp"); 
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: -2rem auto 0rem auto;
}

.mainimg-cont {
max-width: 960px;	
text-align: center;
margin: 0rem auto  0rem auto;
}

.mainimg-i h1{
color: #333;		
text-align: center;
line-height: 6rem;
font-size: 5.5rem;	
font-weight: 600;	
margin: 0rem 0rem 0rem -25rem;
padding: 0rem 0rem 0rem 0rem;
letter-spacing: 0rem;	
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);		
}	

.mainimg-i h1{
text-align: center;	
margin:0rem auto 0 auto;
padding: 10rem 0 0 0;	
font-size: 3.5rem;	
line-height: 4rem;	
white-space:nowrap;	
color: #10589e;	
}	

.mainimg-i h3{
color: #fefef6;		
text-align: center;
line-height: 5rem;
font-size: 5rem;
letter-spacing: 0.3rem;	
font-weight: 550;	
margin: 1rem 10rem 0rem 0rem;
padding: 1rem 0rem 0rem 0rem;	
transform: skew(45deg);	
}	
.mainimg-i p{
width: 96%;	
color: #fefef6;		
text-align: left;
text-align: justify;
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;	
}	

.p{
width: 80%;	
text-align: center;	
transform: skew(-45deg);	
background-color: rgba(0,45,90,1);	
padding:0rem 0rem 0rem 0rem;
margin:0rem 5rem 0rem -3rem;
}
.a{
width: 100%;	
transform: skew(-45deg);	
background-color: rgba(100,0,148,0.8);	
padding:0rem 0rem 0rem 0rem;
margin:0rem 0rem 0rem -10rem;
}
.l{
width: 120%;	
transform: skew(-45deg);	
background-color: rgba(30,50,30,0.8);	
padding:0rem 0rem 0rem 5rem;
margin:0rem 0rem 0rem -17rem;
}
.top-catch h3{
color: #333333;		
text-align: center;	
font-weight: 600;
line-height: 3rem;	
font-size: 2.5rem;	
margin: 3rem auto 3rem auto;	
}



}