.large{
	font-weight: 400 !important;
}



.cat{
	padding-top: 170px;
	padding-bottom: 170px;
	text-align: center;
}

.cat img{
	width: 200px;
    animation: shake 0.2s linear infinite;
    transform:rotate(-5deg);

}

@keyframes shake {
    0% { transform: translate(3px, 2px) rotate(0deg); }
    10% { transform: translate(-2px, -3px) rotate(-1deg); }
    20% { transform: translate(-4px, 0px) rotate(1deg); }
    30% { transform: translate(0px, 3px) rotate(0deg); }
    40% { transform: translate(2px, -2px) rotate(1deg); }
    50% { transform: translate(-2px, 3px) rotate(-1deg); }
    60% { transform: translate(-4px, 2px) rotate(0deg); }
    70% { transform: translate(3px, 2px) rotate(-1deg); }
    80% { transform: translate(-2px, -2px) rotate(1deg); }
    90% { transform: translate(2px, 4px) rotate(0deg); }
    100% { transform: translate(2px, -3px) rotate(-1deg); }
}


/*----------------------------------------------------------
	ベース
----------------------------------------------------------*/

body{

	line-height: 1.5;
	
	letter-spacing: 1px;

	font-family: "Kiwi Maru", serif;
	font-weight: 400;
	font-style: normal;
	  

	background-image: url("redblue.png");
	background-size: 95px;
	

}



.contents{
	max-width: 1000px;
	margin: 0 auto;
	padding-bottom: 50px;

}


/*----------------------------------------------------------
	ファーストビュー
----------------------------------------------------------*/

.about{

	width: 100%;
	max-width: 1000px;

	margin: 0 auto;
	background-color: #fff;

	padding: 10px;
	padding-top: 40px;
	padding-bottom: 40px;

}

.about .title{
	margin: auto 0;
	font-size: 23px;
	margin-bottom: 15px;

}

.about .title span{
	display: inline-block;
}

.about .text{
	font-size: 20px;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;

}


/*----------------------------------------------------------
	各projectのリスト
----------------------------------------------------------*/

.flex{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content:center;

	background-color: #fff;

	/* 50px-70px */
	margin-top: 70px;
	margin-bottom: 70px;

	padding: 10px;

	padding-top: 30px;
	padding-bottom: 30px;

}

.flex div{
	width: 100%;
	max-width: 460px;
}

.flex .title{
	margin-bottom: 10px;
}

.flex .eyecatch{
	width: 100%;
	max-width: 380px;
}

.flex .title{
	font-size: 22px;
}

.flex a{
	font-size: 22px;
}



/*----------------------------------------------------------
	Footer
----------------------------------------------------------*/

.footer{
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #fff;
}


/*----------------------------------------------------------
	Util系
----------------------------------------------------------*/

.space{
	height:100px;
}

.bold{
	font-weight: bold;
}

.border{
	border: solid 6px #f5f5f5;
}

.maker{
    background:linear-gradient(transparent 60%, #ff6 60%);
}