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

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/

section#flow_block div.section_inner div.block{
    flex-direction: row;
}

/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 751px){
	
	section#flow_block {
		padding-top: 4.4vw;
	}
	
	section#flow_block div.section_inner h3{
		font-size: 3.0rem;
		font-size: clamp(1.5rem, 2.19vw, 3.0rem);
		font-weight: 500;
		line-height: 1.4;
		color: #188A85;
		letter-spacing: 0.05em;
		margin-bottom: 2em;
		text-align: center;
	}
	
	section#flow_block div.section_inner{
		width: 73%;
		max-width: 998px;
	}
	
	section#flow_block div.section_inner div.block div.photo{
		width: 50%;
		line-height: 0;
		position: relative;
	}
	
	section#flow_block div.section_inner div.block div.photo::before{
		content: "";
		width: 12vw;
		max-width: 164px;
		height: 9.5vw;
		max-height: 130px;
		display: block;
		background: url("../images/flow/reception01.svg") no-repeat;
		background-size: contain;
		position: absolute;
		bottom: -8%;
		left: 5%;
		z-index: 5;
	}
	
	section#flow_block div.flow{
		position: relative;
	}
	
	section#flow_block div.flow::before{
		content: "";
		width: 3.36vw;
		max-width: 46px;
		height: 3.36vw;
		max-height: 46px;
		display: block;
		background: url("../images/flow/reception02.svg") no-repeat;
		background-size: contain;
		position: absolute;
		top: -8%;
		right: -10%;
		z-index: 5;
	}
	
	section#faq_block {
		margin-bottom: 6.5vw;
	}
	
}
	

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 750px){
	
	
	
	section#flow_block {
		padding-top: 10vw;
	}
	
	section#flow_block div.section_inner h3{
		font-size: 1.8rem;
		font-size: clamp(1.8rem, calc(0.138rem + 4.615vw), 3.6rem);
		font-weight: 500;
		line-height: 1.6;
		color: #188A85;
		letter-spacing: 0.05em;
		margin-bottom: 0.5em;
		text-align: center;
	}
	
	section#flow_block div.section_inner div.block div.photo{
		width: 100%;
		line-height: 0;
		margin-bottom: 10vw;
		position: relative;
	}
	
	section#flow_block div.section_inner div.block div.photo::before{
		content: "";
		width: 28.8vw;
		height: 22.8vw;
		max-height: 130px;
		display: block;
		background: url("../images/flow/reception01.svg") no-repeat;
		background-size: contain;
		position: absolute;
		bottom: 1.5%;
		left: -2.5%;
		z-index: 5;
	}
	
	section#flow_block div.flow{
		position: relative;
	}
	
	section#flow_block div.flow::before{
		content: "";
		width: 8vw;
		height: 8vw;
		display: block;
		background: url("../images/flow/reception02.svg") no-repeat;
		background-size: contain;
		position: absolute;
		top: -9%;
		right: -5%;
		z-index: 5;
	}
	
	section#faq_block {
		margin-bottom: 11vw;
	}
}