@charset "UTF-8";

/* 	hamayabrasil-common */	
.section{
	padding-top:80px;
}
.section:last-of-type{
	padding-bottom:80px;
}
@media (max-width:768px){
	.section{
		padding:40px 12px 0;
	}
	.section:last-of-type{
		padding-bottom:40px;
	}
}

.contents-paragraph{
	padding:48px 24px 0;
}
.contents-text{
	font-size:120%;
	letter-spacing:0.05em;
}
@media (max-width:768px){
	.contents-paragraph{
		padding:24px 12px 0;
	}
	.contents-text{
		font-size:90%;
	}
}

/* 	section1 */
#hamayabrasil-1 .contents-caption-flex{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
}

#hamayabrasil-1	.contents-caption-flex h1{
	font-weight:700;
	font-size:200%;
	line-height:1.5;
	text-align:center;
	letter-spacing:0.1em;
	text-indent:0.1em;
	order:2;
}
#hamayabrasil-1 .contents-caption-flex img{
	vertical-align:middle;
	height:80px;
}	
#hamayabrasil-1 .flex-cover1{
	order:1;
}
#hamayabrasil-1 .flex-cover2{
	order:3;
}
@media (max-width:768px){
	#hamayabrasil-1 .contents-caption-flex img{
		height:40px;
	}	
	#hamayabrasil-1	.contents-caption-flex h1{
		font-size:120%;
	}
}
	

#hamayabrasil-1 .flex-image{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}
#hamayabrasil-1 .flex-image-in{
	position:relative;
	max-width:48%;
}
#hamayabrasil-1 .flex-image-in .flex-image-caption{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	color:#fff;
	background-color:rgba(44,54,67,.7);
	text-align:center;
	letter-spacing:0.1em;
	text-indent:0.1em;
}
@media (min-width:769px){
	#hamayabrasil-1 .flex-image-in:nth-child(n+3){
		margin-top:4em;
	}
}
@media (max-width:768px){
	#hamayabrasil-1 .flex-image-in .flex-image-caption{
		font-size:90%;
	}
	#hamayabrasil-1 .flex-image{
		justify-content:center;
	}
	#hamayabrasil-1 .flex-image-in{
		width:80%;
		max-width:initial;
	}
	#hamayabrasil-1 .flex-image-in + .flex-image-in{
		margin-top:2em;
	}
}

/* 	section2 */
#hamayabrasil-2 .contents-box{
	margin:0 2em;
	padding:40px 12px 60px;
	border:solid 1px #000;
}
#hamayabrasil-2 .contents-box-caption{
	font-weight:700;
	font-size:200%;
	letter-spacing:0.1em;
	text-indent:0.1em;
	text-align:center;
}
#hamayabrasil-2 ul li{
	padding-top:24px;
	letter-spacing:0.05em;
}
#hamayabrasil-2 ul li h3{
	font-size:130%;
	font-weight:700;
}
@media (max-width:768px){
	#hamayabrasil-2 .contents-box{
		margin:0;
		padding:24px 12px 36px;
	}
	#hamayabrasil-2 .contents-box-caption{
		font-size:140%;
		letter-spacing:0.05em;
		text-indent:0.05em;
	}
	#hamayabrasil-2 ul li h3{
		font-size:110%;
		letter-spacing:0;
	}
	#hamayabrasil-2 ul li p{
		font-size:90%;
		letter-spacing:0.05em;
	}
	#hamayabrasil-2 .contents-paragraph img{
		width:80%;		
	}
}