#flow-phone h2,
#flow-taimen h2{
	font-size: 3rem;
	font-weight: 600;
	letter-spacing: 0;
	text-align: center;
	margin-bottom: 80px;
	line-height: 1;
}

/* message start*/
.flow-message .wrapper{
	text-align: center;
}
.flow-message h2{
	font-size: 1.8rem!important;
	font-weight: 600!important;
	margin-bottom: 10px!important;
	line-height: 1.7!important;
}
.flow-message h2 span{
	display: block;
	font-size: 3.5rem;
	font-weight: 600;
	color: #577ca2;
	margin-bottom: 10px;
}
.flow-message-separate{
	margin: 40px 0;
}
.flow-message p{
	line-height: 2;
}
/* message end */

/* 全体的な流れ start */
.flow-zentai{
	background-color: #f9f9f9;
	border-top: solid 1px #d9f1fa;
	border-bottom: solid 1px #d9f1fa;
}
.flow-zentai .content{
	border: solid 3px #779ac3;
	padding: 65px 50px;
	position: relative;
	border-radius: 30px;
}
.flow-zentai .content::before{
	content: url("../img/phone-divination/img_zentai_waku.png");
	position: absolute;
	top: 49.8%;
	left: 50%;
	transform: translate(-50%,-50%);
	height: 258px;
}
.flow-zentai ul{
	display: flex;
	justify-content: center;
	align-items: center;
}
.flow-zentai ul li{
	width: 20%;
	border: solid 2px #577ca2;
	background-color: #f4f9fc;
	padding: 20px 0;
	border-radius: 20px;
	text-align: center;
	margin-right: 50px;
	position: relative;
}
.flow-zentai ul li:last-of-type{
	margin-right: 0;
}
.flow-zentai ul li:not(:last-child)::before{
	content: url("../img/phone-divination/img_zentai_arrow.svg");
	position: absolute;
	top: 50%;
	right: -35px;
	transform: translateY(-50%);
	height: 24px;
}
.flow-zentai ul li h3{
	display: inline-block;
	color: #577ca2;
	border-bottom: solid 1px #577ca2;
	margin-bottom: 20px;
	font-weight: 600;
}
#flow-taimen .flow-zentai ul li:nth-of-type(3) p,
#flow-taimen .flow-zentai ul li:last-of-type p{
	line-height: 54.4px;
}
/* 全体的な流れ end */

/* 詳しい流れ common start */
.flow-kuwashii .content .item{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	border: solid 1px #577ca2;
	border-radius: 20px;
	position: relative;
	margin-bottom: 100px;
}
.flow-kuwashii .content .item:last-of-type{
	margin-bottom: 0;
}
.flow-kuwashii .content .item::before{
	content: url("../img/phone-divination/img_kuwashii_arrow.svg");
	position: absolute;
	bottom: -70px;
	left: 50%;
	transform: translateX(-50%);
	width: 75px;
	height: 30px;
}
.flow-kuwashii .content .item:last-of-type::before{
	content: none;
}
.flow-kuwashii .item-stepNum{
	background-color: #577ca2;
	padding: 0 10px;
	display: flex;
	align-items: center;
	border-radius: 15px 0 0 15px;
}
.flow-kuwashii .item-content{
	box-sizing: border-box;
	width: calc(100% - 78px);
	padding: 50px 10px;
	position: relative;
}
.flow-kuwashii .item-content-title{
	margin-bottom: 40px;
}
.flow-kuwashii .item-content-title h3{
	font-size: 2.5rem;
	font-weight: 600;
	left: 3px;
}
.flow-kuwashii .item-content-title span{
	display: block;
	width: 50px;
	height: 1px;
	background-color: #577ca2;
	margin: 15px 0 20px;
}
.item-content-detail-content{
	border-top: solid 1px #dedede;
	padding: 37px 0;
}
.item-content-detail-content.last{
	padding-bottom: 0!important;
}
.item-content-detail-content .wrapper{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.item-content-detail-content-common .wrapper div{
	width: 50%;
	text-align: center;
}
.item-content-detail-content-common .wrapper div:first-of-type{
	border-right: solid 1px #dedede;
}
.item-content-detail-content-common .wrapper div span{
	font-weight: 600;
	color: #577ca2;
}
.item-content-detail-content-common .wrapper div p{
	font-size: 3rem;
	font-weight: 600;
}
.item-content-detail-content-common .wrapper div p span{
	font-size: 2rem;
	font-weight: 600;
	color: black;
	text-transform: uppercase;
	margin-right: 5px;
}
.flow-kuwashii .item-content::before{
	content: "";
	display: block;
	width: calc( 100% - 20px);
	height: 51px;
	background-image: url(../img/common/other/img_waku_upper.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position-y: top;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
}
.flow-kuwashii .item-content::after {
	content: "";
	display: block;
	width: calc( 100% - 20px);
	height: 51px;
	background-image: url(../img/common/other/img_waku_bottom.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position-y: bottom;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}
.item-content-inner {
	padding: 0 60px;
	position: relative;
	background-image: url(../img/experience/img_waku_side.png);
	background-size: contain;
	background-repeat: repeat-y;
}
.flow-kuwashii .item h4{
	font-size: 1.8rem;
	font-weight: 600;
	margin-bottom: 10px;
}

.flow-kuwashii .item .btn-01{
	margin-top: 25px;
}
#flow-phone .flow-kuwashii .item.step01 .btn-01{
	margin-top: 0;
}
/* 詳しい流れ common end */

/* 詳しい流れ step01 start */
.flow-kuwashii .item.step01 .item-content-detail-content.content01 p:first-of-type{
	margin-right: 50px;
}
/* 詳しい流れ step01 end */

/* 詳しい流れ step02 start */
.flow-kuwashii .item.step02 .item-content-detail-content{
	padding: 30px 0;
}
.flow-kuwashii .item.step02 .item-content-detail-content.content02 div:first-of-type{
	margin-bottom: 20px;
}
.flow-kuwashii .item.step02 .item-content-detail-content.content02 div:first-of-type p:first-of-type{
	color: red;
	margin-bottom: 10px;
}

.flow-kuwashii .item.step02 .item-content-detail-content.content03 .wrapper div p:last-of-type{
	font-size: 2rem;
}
/* 詳しい流れ step02 end */

/* 詳しい流れ step03 start */
.flow-kuwashii .item.step03 .item-content-detail-content{
	padding: 30px 0;
}
/* 詳しい流れ step03 end */

/* 詳しい流れ step04 start */
.flow-kuwashii .item.step04 .item-content-title{
	margin-bottom: 40px;
}
.flow-kuwashii .item.step04 .item-content-detail-content .wrapper{
	justify-content: center;
}
.flow-kuwashii .item.step04 .item-content-detail-content .wrapper div:first-of-type{
	border-right: none;
}
.flow-kuwashii .item.step04 .item-content-detail-content{
	padding: 32px 0;
}
/* 詳しい流れ step04 end */

/* ご来館前に予約されたい場合（対面占い） start */
.section.goraikanmae{
	padding-top: 0;
}
.goraikanmae-content{
	background-color: #f9f9f9;
	padding: 50px 10px;
	position: relative;
	overflow: hidden;
}
.goraikanmae-content::before {
	content: "";
	display: block;
	width: calc(100% - 20px);
	height: 51px;
	background-image: url(../img/common/other/img_waku_upper.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position-y: top;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
}
.goraikanmae-content::after {
	content: "";
	display: block;
	width: calc(100% - 20px);
	height: 51px;
	background-image: url(../img/common/other/img_waku_bottom.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position-y: bottom;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}
.goraikanmae-wrapper {
	padding: 0 70px;
	position: relative;
	background-image: url(../img/experience/img_waku_side.png);
	background-size: contain;
	background-repeat: repeat-y;
}
.goraikanmae-wrapper div{
	padding: 32px 0;
	border-bottom: solid 1px #dedede;
	text-align: center;
}
.goraikanmae-wrapper div:first-of-type{
	padding-bottom: 40px;
}
.goraikanmae-wrapper div:first-of-type h3{
	font-size: 2.5rem;
	font-weight: 600;
	margin-bottom: 20px;
}
.goraikanmae-wrapper div:nth-of-type(2) span {
	font-weight: 600;
	color: #577ca2;
}
.goraikanmae-wrapper div:nth-of-type(2) p {
	font-size: 3rem;
	font-weight: 600;
	line-height: 1;
	margin-top: 10px;
}
.goraikanmae-wrapper div:nth-of-type(2) p span {
	font-size: 2rem;
	font-weight: 600;
	color: black;
	text-transform: uppercase;
	margin-right: 5px;
}
.goraikanmae-wrapper div:nth-of-type(3){
	text-align: left;
}
.goraikanmae-wrapper div:nth-of-type(3) p{
	line-height: 2;
}
.goraikanmae-wrapper div:nth-of-type(3) .btn-01{
	margin-top: 20px;
}
.goraikanmae-wrapper div:last-of-type{
	border-bottom: none;
	text-align: left;
	padding-bottom: 0;
}
/* ご来館前に予約されたい場合（対面占い） end */



@media screen and (max-width:767px){


	#flow-phone h2,
	#flow-taimen h2{
		font-size: 2rem;
		font-weight: 600;
		letter-spacing: 0;
		text-align: center;
		margin-bottom: 50px;
	}

	/* message start*/
	.flow-message .wrapper{
		text-align: center;
	}
	.flow-message h2{
		font-size: 1.5rem!important;
		font-weight: 600!important;
		margin-bottom: 10px;
	}
	#phone-divination .flow-message h2{
		font-size: 1.5rem;
		letter-spacing: 0;
		margin-bottom: 30px;
	}
	.flow-message h2 span{
		display: block;
		font-size: 2rem;
		font-weight: 600!important;
		color: #577ca2;
		margin-bottom: 20px;
		letter-spacing: 0;
	}
	.flow-message-separate{
		margin: 25px 0;
	}
	.flow-message p{
		line-height: 2;
	}
	/* message end */

	/* 全体的な流れ start */
	.flow-zentai{
		background-color: #f9f9f9;
		border-top: solid 1px #d9f1fa;
		border-bottom: solid 1px #d9f1fa;
	}
	.flow-zentai .content{
		border: solid 3px #779ac3;
		border-radius: 20px;
		background-color: white;
		overflow: hidden;
		padding: 40px 9px 35px;
	}
	.flow-zentai .content::before{
		content: "";
		width: calc(100% - 18px);
		height: 51px;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		background: url("../img/common/other/img_waku_upper_sp.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.flow-zentai .content::after{
		content: "";
		width: calc(100% - 18px);
		height: 51px;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		background: url("../img/common/other/img_waku_bottom_sp.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.flow-zentai .wrapper{
		background-image: none;
		background-size: 100% auto;
		background-repeat: repeat-y;
		position: relative;
	}
	.flow-zentai .wrapper::before {
		content: "";
		display: block;
		width: 2px;
		height: 100%;
		background-image: url(../img/common/other/img_waku_side_left_sp.png);
		background-size: 100% auto;
		background-repeat: repeat-y;
		background-position: left;
		position: absolute;
		top: -3px;
		left: 1px;
		transform: translateX(-50%);
	}
	.flow-zentai .wrapper::after {
		content: "";
		display: block;
		width: 2px;
		height: 100%;
		background-image: url(../img/common/other/img_waku_side_right_sp.png);
		background-size: 100% auto;
		background-repeat: repeat-y;
		position: absolute;
		top: -3px;
		right: -1px;
		transform: translateX(-50%);
	}
	.flow-zentai ul{
		display: block;
		justify-content: center;
		align-items: center;
		padding: 25px;
	}
	.flow-zentai ul li{
		width: 100%;
		border: solid 2px #577ca2;
		background-color: #f4f9fc;
		padding: 15px 0;
		border-radius: 15px;
		text-align: center;
		margin-right: 0;
		position: relative;
		margin-bottom: 30px;
		z-index: 1;
	}
	.flow-zentai ul li:last-of-type{
		margin-right: 0;
		margin-bottom: 0;
	}
	.flow-zentai ul li:not(:last-child)::before{
		content: url("../img/phone-divination/img_zentai_arrow_sp.svg");
		position: absolute;
		top: auto;
		bottom: -30px;
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		height: 24px;
	}
	.flow-zentai ul li h3{
		display: inline-block;
		color: #577ca2;
		border-bottom: solid 1px #577ca2;
		margin-bottom: 15px;
		font-weight: 600;
	}
	.flow-zentai .waku{
		width: 96%;
		height: 97%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	#flow-taimen .flow-zentai ul li:nth-of-type(3) p,
	#flow-taimen .flow-zentai ul li:last-of-type p{
		line-height: 1.7;
	}
	/* 全体的な流れ end */

	/* 詳しい流れ common start */
	.flow-kuwashii .content .item{
		display: block;
		justify-content: flex-start;
		align-items: stretch;
		border: solid 2px #577ca2;
		border-radius: 20px;
		position: relative;
		margin-bottom: 60px;
	}
	.flow-kuwashii .content .item::before {
		content: url(../img/phone-divination/img_kuwashii_arrow_sp.svg);
		position: absolute;
		bottom: -40px;
		left: 50%;
		transform: translateX(-50%);
		width: 45px;
		height: 18px;
	}
	.flow-kuwashii .item-stepNum{
		background-color: #577ca2;
		padding: 10px 0;
		display: flex;
		align-items: center;
		border-radius: 15px 15px 0 0;
	}
	.flow-kuwashii .item-stepNum img{
		width: 30%;
		margin: 0 auto;
	}
	.flow-kuwashii .item-content{
		box-sizing: border-box;
		width: 100%;
		padding: 45px 70px;
		position: relative;
	}
	.flow-kuwashii .item-content{
		padding: 40px 10px 35px;
	}
	.flow-kuwashii .item-content-title{
		margin-bottom: 20px;
	}
	.flow-kuwashii .item-content-title h3{
		font-size: 2rem;
		font-weight: 600;
		left: 3px;
	}
	.flow-kuwashii .item-content-title span{
		display: block;
		width: 50px;
		height: 1px;
		background-color: #577ca2;
		margin: 15px 0 20px;
	}
	.item-content-detail-content{
		border-top: solid 1px #dedede;
		padding: 25px 0;
	}
	.item-content-detail-content.last{
		padding-bottom: 0!important;
	}
	.item-content-detail-content .wrapper{
		display: block;
		justify-content: center;
		align-items: center;
	}
	.item-content-detail-content-common .wrapper div{
		width: 100%;
		text-align: center;
	}
	.item-content-detail-content-common .wrapper div:first-of-type{
		border-right: none;
		border-bottom: solid 1px #dedede;
		padding-bottom: 25px;
	}
	.item-content-detail-content-common .wrapper div:last-of-type{
		padding-top: 25px;
	}
	.item-content-detail-content-common .wrapper div span{
		font-weight: 600;
		color: #577ca2;
		line-height: 1;
	}
	.item-content-detail-content-common .wrapper div p{
		font-size: 2.5rem;
		font-weight: 600;
		line-height: 1;
		margin-top: 7px;
	}
	.item-content-detail-content-common .wrapper div p span{
		font-size: 2rem;
		font-weight: 600;
		color: black;
		text-transform: uppercase;
		margin-right: 5px;
	}
	.flow-kuwashii .item-content::before{
		content: "";
		display: block;
		width: calc( 100% - 20px);
		height: 35px;
		background-image: url(../img/common/other/img_waku_upper_sp.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position-y: top;
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
	}
	.flow-kuwashii .item-content::after {
		content: "";
		display: block;
		width: calc( 100% - 20px);
		height: 34px;
		background-image: url(../img/common/other/img_waku_bottom_sp.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position-y: bottom;
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
	}
	.item-content-inner {
		padding: 0 20px;
		position: relative;
		background-image: none;
		background-size: contain;
		background-repeat: repeat-y;
	}
	.item-content-inner::before {
		content: "";
		display: block;
		width: 2px;
		height: 100%;
		background-image: url(../img/common/other/img_waku_side_left_sp.png);
		background-size: 100% auto;
		background-repeat: repeat-y;
		position: absolute;
		top: -3px;
		left: 1px;
		transform: translateX(-50%);
	}
	.item-content-inner::after {
		content: "";
		display: block;
		width: 2px;
		height: 100%;
		background-image: url(../img/common/other/img_waku_side_right_sp.png);
		background-size: 100% auto;
		background-repeat: repeat-y;
		position: absolute;
		top: -3px;
		right: -1px;
		transform: translateX(-50%);
	}
	.flow-kuwashii .item h4{
		font-size: 1.6rem;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.flow-kuwashii .item .btn-01 {
		margin-top: 0;
	}
	/* 詳しい流れ common end */

	/* 詳しい流れ step01 start */
	.flow-kuwashii .item.step01 .item-content-detail-content.content01 p:first-of-type{
		margin-right: 0;
		margin-bottom: 20px;
	}
	#flow-taimen .flow-kuwashii .item.step01 .item-content-detail-content.content02 p:not(:first-of-type){
		margin-top: 14px;
	}
	#flow-taimen .flow-kuwashii .item.step01 .item-content-detail-content.content02 .btn-01{
		margin-top: 20px!important;
	}
	/* 詳しい流れ step01 end */

	/* 詳しい流れ step02 start */
	.flow-kuwashii .item.step02 .item-content-title{
		margin-bottom: 25px;
	}
	.flow-kuwashii .item.step02 .item-content-detail-content{
		padding: 20px 0;
	}
	.flow-kuwashii .item.step02 .item-content-title .btn-01{
		margin-top: 20px;
	}
	.flow-kuwashii .item.step02 .item-content-detail-content.content02 div:first-of-type{
		margin-bottom: 15px;
	}
	.flow-kuwashii .item.step02 .item-content-detail-content.content02 div:first-of-type p:first-of-type{
		color: red;
		margin-bottom: 10px;
	}
	.flow-kuwashii .item.step02 .item-content-detail-content.content03 .wrapper div p:last-of-type{
		font-size: 1.6rem;
		margin-top: 15px;
	}
	.flow-kuwashii .item.step02 .item-content-detail-content.content03 .wrapper div p:last-of-type span{
		font-size: 1.6rem;
	}
	#flow-taimen .flow-kuwashii .item.step02 .item-content-detail-content.content01 p:not(:first-of-type){
		margin-top: 14px;
	}
	/* 詳しい流れ step02 end */

	/* 詳しい流れ step03 start */
	.flow-kuwashii .item.step03 .item-content-detail-content{
		padding: 20px 0;
	}
	#flow-taimen .flow-kuwashii .item.step03 .item-content-detail-content.content01 p:not(:first-of-type){
		margin-top: 14px;
	}
	/* 詳しい流れ step03 end */

	/* 詳しい流れ step04 start */
	.flow-kuwashii .item.step04 .item-content-title{
		margin-bottom: 20px;
	}
	.flow-kuwashii .item.step04 .item-content-detail-content .wrapper{
		justify-content: center;
	}
	.flow-kuwashii .item.step04 .item-content-detail-content .wrapper div:first-of-type{
		border-right: none;
	}
	.flow-kuwashii .item.step04 .item-content-detail-content-common .wrapper div:last-of-type {
		padding-top: 0;
	}
	.flow-kuwashii .item.step04 .item-content-detail-content{
		padding: 20px 0;
	}
	.flow-kuwashii .item.step04 .item-content-detail-content.last{
		border-top: none;
		padding-top: 0;
	}
	#flow-taimen .flow-kuwashii .item.step04 .item-content-detail-content.content01 p:not(:first-of-type){
		margin-top: 14px;
	}
	/* 詳しい流れ step04 end */

	/* ご来館前に予約されたい場合（対面占い） start */
	.section.goraikanmae{
		padding-top: 0;
	}
	.goraikanmae-content{
		background-color: #f9f9f9;
		padding: 40px 10px 35px;
		position: relative;
		overflow: hidden;
	}
	.goraikanmae-content::before {
		content: "";
		display: block;
		width: calc(100% - 20px);
		height: 51px;
		background-image: url(../img/common/other/img_waku_upper_sp.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position-y: top;
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
	}
	.goraikanmae-content::after {
		content: "";
		display: block;
		width: calc(100% - 20px);
		height: 51px;
		background-image: url(../img/common/other/img_waku_bottom_sp.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position-y: bottom;
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
	}
	.goraikanmae-wrapper{
		padding: 0 30px;
		position: relative;
		background-image: none;
		background-size: contain;
		background-repeat: repeat-y;
	}
	.goraikanmae-wrapper::before {
		content: "";
		display: block;
		width: 2px;
		height: 100%;
		background-image: url(../img/common/other/img_waku_side_left_sp.png);
		background-size: 100% auto;
		background-repeat: repeat-y;
		position: absolute;
		top: -3px;
		left: 1px;
		transform: translateX(-50%);
	}
	.goraikanmae-wrapper::after {
		content: "";
		display: block;
		width: 2px;
		height: 100%;
		background-image: url(../img/common/other/img_waku_side_right_sp.png);
		background-size: 100% auto;
		background-repeat: repeat-y;
		position: absolute;
		top: -3px;
		right: -1px;
		transform: translateX(-50%);
	}
	.goraikanmae-wrapper div{
		padding: 20px 0;
		border-bottom: solid 1px #dedede;
		text-align: center;
	}
	.goraikanmae-wrapper div:first-of-type{
		padding-top: 0;
		padding-bottom: 20px;
	}
	.goraikanmae-wrapper div:first-of-type h3{
		font-size: 2rem;
		font-weight: 600;
		margin-bottom: 20px;
	}
	.goraikanmae-wrapper div:nth-of-type(2) span {
		font-weight: 600;
		color: #577ca2;
	}
	.goraikanmae-wrapper div:nth-of-type(2) p {
		font-size: 2.5rem;
		font-weight: 600;
		line-height: 1;
		margin-top: 10px;
	}
	.goraikanmae-wrapper div:nth-of-type(2) p span {
		font-size: 2rem;
		font-weight: 600;
		color: black;
		text-transform: uppercase;
		margin-right: 5px;
	}
	.goraikanmae-wrapper div:nth-of-type(3){
		text-align: left;
	}
	.goraikanmae-wrapper div:nth-of-type(3) p{
		line-height: 2;
	}
	.goraikanmae-wrapper div:nth-of-type(3) .btn-01{
		margin-top: 20px;
	}
	.goraikanmae-wrapper div:last-of-type{
		border-bottom: none;
		text-align: left;
		padding-bottom: 0;
	}
	/* ご来館前に予約されたい場合（対面占い） end */


}