@charset "UTF-8";

.insta-section .ttl{
	text-align: center;
	background-color: #ffe75a;
	padding: 5px 0;
	font-weight: bold;
	color: #78502e;
}
.insta-section p{
	padding: 0!important;
	font-size: 13px;
}
.insta-section .lead{
	text-align: center;
	margin: 12px 0 6px;
	font-weight: bold;
}
.insta-section .lead span{
	color: #2c9666;
}
.insta-section .img{
	text-align: center;
	margin: 0 0 10px 0;
}
.insta-section .img a{display:inline-block;}
.insta-section .img img{
	height: 90px;
	width: auto;
}

.p-guide{
	padding: 30px 30px;
	box-sizing: border-box;
	max-width: 100%;
	overflow: hidden;
}
.p-guide h1{
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 20px 0;
}

/* スタッフセクション */
.staff{
	display: flex;
	align-items: center;
	gap: 0;
	margin: 0 0 20px 0;
	box-sizing: border-box;
	max-width: 100%;
}
.staff__balloon{
	position: relative;
	background: #cdffff;
	border-radius: 10px;
	padding: 20px 24px;
	font-size: 14px;
	line-height: 1.8;
	flex: 1;
}
/* 吹き出し三角 */
.staff__balloon::after{
	content: "";
	position: absolute;
	top: 30px;
	right: -35px;
	border: 20px solid transparent;
	border-left: 20px solid #cdffff;
}
.staff__balloon p{
	margin: 0;
	padding: 0 !important;
}
.staff__tel{
	font-size: 20px;
	font-weight: bold;
	margin: 8px 0 4px !important;
	letter-spacing: 0.05em;
}
.staff__contact{
	font-size: 13px;
}
.staff__img{
	flex-shrink: 0;
	text-align: center;
	width: 160px;
}
.staff__img img{
	height: 190px;
	width: auto;
}

/* スタッフ リバース（画像左・吹き出し右） */
.staff--reverse{
	margin: 20px 0 0 0;
}
.staff--reverse .staff__balloon::after{
	right: auto;
	left: -15px;
	border-left: none;
	border-right: 20px solid #cdffff;
}
.staff--reverse .staff__img{
	width: 100px;
}
.staff--reverse .staff__img img{
	height: 110px;
}
.staff--reverse + .p-flow{
	margin-top: 50px;
}
#leftBox .p-flow h2{
	padding: 0;
	margin: 0 0 8px 0;
	color: #000;
}
#leftBox .p-flow p{
	padding: 0;
}

/* ステップセクション（2カラム） */
.p-step-section{
	display: flex;
	align-items: stretch;
	gap: 20px;
	margin: 20px 0 0 0;
	position: relative;
	box-sizing: border-box;
	max-width: 100%;
}
.p-step-section__left{
	flex: 1;
}
.p-step-section__right{
	flex-shrink: 0;
	width: 160px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	gap: 15px;
	padding: 0;
	position: relative;
	margin-top: 60px;
}

/* ステップフロー */
.p-step__item{
	background: #feff99;
	border: none;
	padding: 10px 16px;
	text-align: center;
	font-size: 14px;
}
.p-step__item:first-child{
	text-align: left;
}
.p-step__item--last{
	background: #ff99cb;
	font-weight: bold;
}
.p-step__arrow{
	text-align: center;
	font-size: 0;
	padding: 0;
	line-height: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 28px;
}
/* 矢印の軸 */
.p-step__arrow::before{
	content: "";
	display: block;
	width: 20px;
	height: 12px;
	background: #ba6a13;
}
/* 矢印の先端 */
.p-step__arrow::after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 28px solid transparent;
	border-right: 28px solid transparent;
	border-top: 14px solid #ba6a13;
}


/* 吹き出しデザイン */
.p-bubble{
	position: relative;
	text-align: left;
	font-size: 13px;
	line-height: 2;
	padding: 25px 15px;
	border-radius: 50% / 50%;
	background: #e8f4fd;
	color: #333;
}
.p-bubble p{
	margin: 0;
	padding: 0 !important;
	line-height: 1.8em !important;
}
.p-bubble::before{
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	transform: translateY(-50%);
	border: 10px solid transparent;
	border-right: 28px solid #e8f4fd;
}

/* 右カラム下部の人物画像 */
.p-step-people{
	position: absolute;
	bottom: 0;
	right: 20px;
	width: auto;
	height: 90px;
}