@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#main .text {
	margin: 0 0 40px 29px;
	line-height: 2;
	text-align: center;
	font-family: 'kintosans_bold', sans-serif;
	opacity: 0;
	transition: 2s;
}
#main .text.on {
	opacity: 1;
}
#main .text01 {
	margin-bottom: 187px;
}
#main .text.delay01 {
	transition-delay: 4s;
}
#main .text.delay02 {
	transition-delay: 5s;
}
#main .text.delay03 {
	transition-delay: 6s;
}
#main .imgBox {
	margin: 0 0 28px 99px;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
#main .imgBox01 {
	margin-bottom: 105px;
}
#main .imgBox02 {
	margin-bottom: 163px;
}
#main .imgBox .photoBox {
    width: 253px;
}
#main .imgBox .photoBox img {
	width: 100%;
}
#main .imgBox .textBox {
	margin-top: 57px;
	width: 380px;
}
#main .imgBox01 .textBox {
	margin-top: 112px;
}
#main .imgBox02 .textBox {
	margin-top: 53px;
}
#main .imgBox .textBox h2 {
	margin-bottom: 3px;
	line-height: 2;
	font-weight: normal;
	font-family: 'kintosans_bold', sans-serif;
}
#main .imgBox .textBox p {
	font-size: 1.6rem;
	line-height: 1.874;
	font-family: 'kintosans_medium', sans-serif;
}
#main dl {
	margin-bottom: 46px;
} 
#main dl:last-child {
	margin-bottom: 0;
}
#main dt {
	margin-bottom: 6px;
	font-weight: normal;
	font-family: 'kintosans_bold', sans-serif;
}
#main dd {
	line-height: 2.25;
}
#main dt,
#main dd {
	font-size: 1.6rem;
	text-align: center;
}
#main dd p {
	margin-bottom: 12px;
}



@media all and (min-width: 897px) {
	#main dd a:hover {
		text-decoration: underline;
	}

	#main .imgBox01 {
	flex-direction: row-reverse;
}

}
@media all and (max-width: 896px) {

	menu {
		display: flex;
		flex-direction: column-reverse;
		top: 20px;
		left: 0;
		transform: translateX(0);
		padding: 0;
	}


	.ECbtn {
		width: fit-content;
		margin: 8px 20px 8px auto;
		padding: 5px 10px;
	}

	.ECbtn::after {
		content: " ≫";
	}


	.text-btn {
		text-align: right;
		padding-right: 25px;
	}

	.text-btn a {
		margin-left: 15px;
	}
	#main .text {
		margin: 0 0 30px;
		line-height: inherit;
	}
	#main .text01 {
		margin-bottom: 90px;
	}
	#main .imgBox {
		margin: 0 0 70px !important;
		display: block;
	}
	#main .imgBox02 {
		margin-bottom: 90px !important;
	}
	#main .imgBox .photoBox {
		margin: 0 auto 40px;
		width: 60%;
		max-width: 230px;
	}
	#main .imgBox .photoBox img {
		width: 100%;
	}
	#main .imgBox .textBox {
		margin: 0 -10px 0 0 !important;
		width: auto;
	}
	#main .imgBox .textBox h2 {
		line-height: inherit;
	}
	#main .imgBox .textBox p {
		font-size: 1.2rem;
		line-height: inherit;
	}
	#main dl {
		margin-bottom: 26px;
	}
	#main dt,
	#main dd {
		font-size: inherit;
	}


}