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

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
	
.full div h1 {
	width: 60%;
	top: 50%;
  left: 50%;
	}

	
 .contents-area {
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
	padding-left: 3px;
	padding-right: 3px;
	box-sizing: border-box;
}
	
	.card {
    display: flex;
    flex-flow: column nowrap;
    margin: 5px;
    width: 160px;
}
	
	.contents-text {
		width: 100%;
		padding: 5px;
	}
	
	.contents-img-2 {
		width: 50%;
		padding: 5px;
	}
	
	.parallax-bg {
  background-attachment: scroll;
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
  height: 240px;
}
	
.parallax-div h2 {
		font-size: 16px;
	}
	
.contents-area h2 {
		font-size: 16px;
	text-align: center;
	}
	
	
		.parallax-div h3 {
		font-size: 14px;
	}
	
	p {
		font-size: 13px;
	}
	
	.contents-about {
		width: 70%;
	}
	
	.contents-about h4 {
		font-size: 14px;
	}
	
	.contents-about-img {
		padding: 2%;
	}
	
	form {
    width: 100%;
    margin: 50px auto;
    box-sizing: border-box;
    padding-left: 100px;
    padding-right: 100px;
}
	
	
	.sidenavs a {
    padding-top: 16px;
   
    padding-left: 12px;
    padding-bottom: 8px;
    text-decoration: none;
    font-size: 16px;
    color: #818181;
    display: block;
    transition: 0.3s;
    /* アニメーションの時間を0.3秒に指定 */
    font-weight: bold;
}
	
	
	.img-center {
		width: 100%;
	}
}