@charset "utf-8";
/*////////////////////////////////////
flow
////////////////////////////////////*/


@media screen and (min-width: 768px){
.flow_logo1{
    position: relative;
    width: 100%;
    margin-left: 0%;
    padding: 0;
    font-family: "Lato", sans-serif;
    font-weight: 900;
	font-style: italic;
    font-size: clamp(8rem,12vw,20rem);
	color:#D4D2D4;
}
#floaw_place {
	position: relative;
	width: 90%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
.flow_item {
	position: relative;
	width: 100%;
	background: rgba(234,207,27,1.00);
	padding: 20px 30px 30px;
	border-radius: 30px;
	margin-bottom: 5px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.flow_word_area {
	position: relative;
	width: 70%;
}
.flow_img {
	position: relative;
	width: 29%;
	margin-left: 1%;
}
.flow_step {
	position: relative;
	font-size: clamp(2rem,2vw,3rem);
	font-weight: 900;
}
.flow_step span {
	font-size: clamp(4rem,5vw,6rem);
}
.flow_title {
	position: relative;
	font-size: clamp(1.8rem,2vw,2.6rem);
	margin-bottom: 5px;
}
.flow_word {
	position: relative;
	font-size: clamp(1.4rem,1.4vw,1.8rem);
}
.flow_arrow {
	position: relative;
	width: 100px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	background: rgba(234,207,27,1.00);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	margin-bottom: 5px;
}
}

@media screen and (min-width: 0px) and (max-width: 767px){
.flow_logo1{
    position: relative;
    width: 100%;
    margin-left: 0%;
    padding: 0;
    font-family: "Lato", sans-serif;
    font-weight: 900;
	font-style: italic;
    font-size: clamp(6rem,5vw,13rem);
	color:#D4D2D4;
}
#floaw_place {
	position: relative;
	width: 90%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
.flow_item {
	position: relative;
	width: 100%;
	background: rgba(234,207,27,1.00);
	padding: 20px 30px 30px;
	border-radius: 30px;
	margin-bottom: 5px;
}
.flow_word_area {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}
.flow_img {
	position: relative;
	width: 100%;
}
.flow_step {
	position: relative;
	font-size: clamp(2rem,2vw,3rem);
	font-weight: 900;
}
.flow_step span {
	font-size: clamp(4rem,5vw,6rem);
}
.flow_title {
	position: relative;
	font-size: clamp(1.8rem,2vw,2.6rem);
	margin-bottom: 5px;
}
.flow_word {
	position: relative;
	font-size: clamp(1.4rem,1.4vw,1.8rem);
}
.flow_arrow {
	position: relative;
	width: 100px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	background: rgba(234,207,27,1.00);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	margin-bottom: 5px;
}
}