@charset "UTF-8";
/*--------------------------------------------------------------
#outline-area
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	#outline-area {
		margin: 0 4.651vw 13.953vw 4.651vw;
		width: auto;
	}
	
	#outline-area div:first-child {
		width: auto;
		margin-bottom: 4.651vw;
	}
	
	#outline-area div:first-child img {
		border-radius: 4.651vw;
	}
	
	#outline-area div:last-child {
		width: auto;
		margin: 0 2.326vw;
	}
	
	#outline-area div:last-child h4 {
		font-size: 5.814vw;
		font-weight: 600;
		margin-bottom: 4.651vw;
		font-family: "Zen Kaku Gothic New", sans-serif;
	}
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#outline-area {
		margin: 0 auto 5.208vw auto;
		width: 70.31vw;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;
	}
	
	#outline-area div:first-child {
		width: 38.02vw;
		margin-bottom: 0;
	}
	
	#outline-area div:first-child img {
		border-radius: 1.562vw;
	}
	
	#outline-area div:last-child {
		width: 27.60vw;
		margin: 0;
	}
	
	#outline-area div:last-child h4 {
		font-size: 1.823vw;
		font-weight: 600;
		margin-bottom: 1.562vw;
		font-family: "Zen Kaku Gothic New", sans-serif;
	}
	
}



/*--------------------------------------------------------------
#skills-area
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	#skills-area {
		width: auto;
		margin: 0 6.977vw 13.953vw 6.977vw;
	}


	#skills-area ul {
		
	}
	
	#skills-area ul li {
		width: auto;
		margin-bottom: 9.302vw;
	}
	
	#skills-area dt {
		margin-bottom: 3.488vw;
	}
	
	#skills-area dt img {
		border-radius: 4.651vw;
	}
	
	#skills-area dd {
		margin-bottom: 3.488vw;
	}
	
	#skills-area h5 {
		font-size: 5.116vw;
		font-weight: 600;
		font-family: "Zen Kaku Gothic New", sans-serif;
		text-align: center;
	}
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#skills-area {
		width: 72.91vw;
		margin: 0 auto 4.167vw auto;
	}


	#skills-area ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	#skills-area ul li {
		width: 21.87vw;
		margin-bottom: 3.125vw;
	}
	
	#skills-area dt {
		margin-bottom: 1.823vw;
	}
	
	#skills-area dt img {
		border-radius: 1.562vw;
	}
	
	#skills-area dd {
		margin-bottom: 1.042vw;
	}
	
	#skills-area h5 {
		font-size: 1.302vw;
		font-weight: 600;
		font-family: "Zen Kaku Gothic New", sans-serif;
		text-align: center;
	}
	
}

/*--------------------------------------------------------------
#need-area
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	#need-area {
		width: auto;
		margin: 0 5.814vw;
	}

	#need-area ul {
		background: #FFF;
		border-radius: 4.651vw;
		margin-bottom: 4.651vw;
	}
	
	#need-area ul img {
		border-radius: 4.651vw 4.651vw 0 0;
	}
	
	#need-area ul li:first-child {
		width: auto;
		line-height: 0;
	}
	
	#need-area ul li:last-child {
		width: auto;
		padding: 6.977vw 5.814vw 9.302vw 5.814vw;
		box-sizing: border-box;
	}
	
	#need-area ul dt {
		font-size: 5.116vw;
		font-weight: 600;
		font-family: "Zen Kaku Gothic New", sans-serif;
		margin-bottom: 3.488vw;
	}
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#need-area {
		width: 72.91vw;
		margin: 0 auto;
	}

	#need-area ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;
		background: #FFF;
		border-radius: 1.562vw;
		margin-bottom: 2.604vw;
	}
	
	#need-area ul img {
		border-radius: 1.562vw 0 0 1.562vw;
	}
	
	#need-area ul li:first-child {
		width: 33.85vw;
		line-height: 0;
	}
	
	#need-area ul li:last-child {
		width: 34.89vw;
		padding: 0 3.125vw 0 0;
		box-sizing: border-box;
	}
	
	#need-area ul dt {
		font-size: 1.302vw;
		font-weight: 600;
		font-family: "Zen Kaku Gothic New", sans-serif;
		margin-bottom: 1.302vw;
	}
	
}