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

h1{
	font-size: 1.5rem;
	margin-top: 200px;
}
.heading05 {
	
	position: relative;
	padding-bottom: 50px;
	font-size: 26px;
	text-align: center;
}

.heading05::before {
	
	content: attr(data-en);
	display: block;
	color: #E7F07B;
	font-size: 3rem;
	font-style: italic;
	text-transform: uppercase;
}

.heading05::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%) rotate(30deg);
	width: 2px;
	height: 40px;
	background-color: #E7F07B;
}

.step{
    color: #333;
    display: flex;
    margin: 40px auto;
    width: 80%;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.step.visible {
    opacity: 1;
    transform: translateY(0);
}
.step h2{
	font-size: 1.2rem;
}
.step h3{
	font-size: 1.4rem;
	text-align: left;
}
.step h4{
	font-size: 1.3rem;
	text-align: center;
}
.step p{
	font-size: 1rem;
	text-align: left;
}
.step-title {
	color: #E7F07B;
    padding: 20px;
    border-radius: 20px 0px 0 20px;
    position: relative; /* 背景用の調整に必要 */
    overflow: hidden;
    background-size: contain; /* SVG全体を表示し、端が切れないように調整 */
}



.step-title img {
    width: 100%;
	max-width: 400px;
    height: auto; /* 画像の縦横比を維持 */
    display: block; /* 不要な余白を防ぐ */
    object-fit: contain; /* 切れないように表示 */
}
.step-text,.step-print{
	padding: 20px;
	color: #fff;
	border-radius: 0px 20px 20px 0px;
}
.step-text p,.step-hp p,.step-print p{
	margin-bottom: 10px;
	border-bottom:2px solid #9A9A9A;
}
.step-hp{
	width: 50%;
	padding: 20px;
	color: #fff;
}

.step-hp h2{
	color: #4D4D4D;
	background-color: #CAE5E3;
	border-radius: 20px;
	padding: 5px;
	margin-bottom: 20px;
}
.step-print{
	width: 50%;
}
.step-print h2{
	color: #4D4D4D;
		background-color: #FFD9D9;
	border-radius: 20px;
	padding: 5px;
	margin-bottom: 20px;
	
}
.triangle {
  background:#E7F07B;
  height: calc(tan(60deg) * 60px / 2);
  width: 60px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
 margin: 0 auto;
}




@media (max-width: 1200px){
	.step{
		display:block;}
	
	.step-title{
		border-radius: 20px 20px 0 0 }

	.step-title img{
		margin: 0 auto;
	}
	.step-text{
	border-radius: 0px;
}
.step-print,.step-text{
border-radius: 0px 0px 20px 20px;
}
.step-print,.step-hp{
	width: 100%;
}
}