@charset "utf=8";

/* ==========================================
about01
========================================== */

.about01-title-block {
	text-align: center;
}

.about01-text-block {
    margin: 5rem 0 0 0;
    text-align: center;
}

/* ==========================================
about02
========================================== */

.about02-main-title-block {
    text-align: center;
}

.about02-frame {
    margin: 10rem 0 0 0;
}

.about02-block01 {
    margin: 8rem 0 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about02-block01:first-child {
    margin: 0;
}

.about02-block01:nth-of-type(even) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.about02-img {
    max-width: 56rem;
    width: 45.9%;
	border-radius: 0.8rem;
    overflow: hidden;
}

.about02-text-area {
    max-width: 60rem;
    width: 49.2%;
}

.about02-radius-block {
    width: 8rem;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5rem;
}

.about02-radius-text {
    font-size: 3rem;
    font-weight: 700;
}

.about02-title-block {
	/* margin: 1rem 0 0 0; */
}

.about02-text-block {
	margin: 2rem 0 0 0;
}

/* ==========================================
about03
========================================== */

.about03-main-title-block {
	text-align: center;
}

.about03-frame {
	margin: 8rem 0 0 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem 2rem;
}

.about03-block {
	padding: 4rem 2rem;
	border-radius: 0.8rem;
    overflow: hidden;
}

.about03-text-area {
	max-width: 40rem;
	width: 100%;
	margin: auto;
}


.about03-title {
    font-size: 2.2rem;
    letter-spacing: 0.1em;
    font-weight: 700;
}

.about03-text-block {
    line-height: 1.6em;
    margin: 1rem 0 0 0;
}

.about03-text01 {
    font-size: 1.6rem;
    font-weight: 500;
}

.about03-text02 {
    font-size: 1.6rem;
    font-weight: 400;
}

.about03-list {
    display: flex;
    justify-content: space-between;
    margin: 8rem 0 0 0;
}

.about03-list-item {
    max-width: 37rem;
    width: 30.3%;
}

.about03-img-block {
    border-radius: 0.8rem;
    overflow: hidden;
}

/* ==========================================
about04
========================================== */

.about04-link-area {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1920px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1550px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1024px) {

/* ==========================================

========================================== */


}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 768px) {

	/* ==========================================
	about01
	========================================== */

	.about01-text-block p br {
		display: none;
	}

	/* ==========================================
	about02
	========================================== */


	.about02-frame {
		margin: 8rem 0 0 0;
	}

	.about02-block01 {
		margin: 6rem 0 0 0;
		flex-direction: column;
	}

	.about02-block01:nth-of-type(even) {
		flex-direction: column;
	}
	
	.about02-img {
		width: 100%;
	}
	
	.about02-text-area {
		margin: 4rem 0 0 0;
		max-width: 56rem;
		width: 100%;
	}
	
	.about02-radius-block {
		width: 6rem;
		height: 6rem;
		border-radius: 5rem;
	}

	.about02-radius-text {
		font-size: 2.4rem;
	}

	/* ==========================================
	about03
	========================================== */

	.about03-frame {
		margin: 6rem 0 0 0;
		grid-template-columns: repeat(1, 1fr);
	}

	.about03-text-area {
		max-width: 50rem;
	}

	.about03-list  {
        flex-direction: column;
        margin: 4rem 0 0 0;
    }

	 .about03-list-item {
        margin: 4rem auto 0;
        width: 100%;
    }

	/* ==========================================
	about04
	========================================== */

	.about04-link-area {
		grid-template-columns: repeat(1, 1fr);
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 576px) {
	
	/* ==========================================
	about01
	========================================== */

	.about01-title-block .title02 br {
		display: none;
	}

	/* ==========================================
	about03
	========================================== */

	.about03-block {
		padding: 2rem 2rem;
	}

	.about03-text-block {
		margin: 1rem 0 0 0;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 414px) {



}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */