@charset "utf-8";


section{
	margin: 30px;
}
.mb_bg{
	background-color:#fff;  padding:10px 15px; border-radius:10px; margin-bottom:10px;
}
.mb_bg img{
	border-radius:50%;
	width:60px;
	height:60px;
	box-shadow:var(--shadow-s);
	padding:7px;
}
.mb_bg strong{
	padding:0 10px;
	font-size:16px;
	font-weight:500;
}
section .sub_menu1{
	display:flex;
	justify-content: flex-end;
	gap:20px;
	padding-top:10px;
	font-size:12px;
}

section .sub_menu1 li a{
	color:var(--inverseGrey700);
	font-size:12px;
}
section .sub_menu1 li:first-child{
	position:relative;
}
section .sub_menu1 li:first-child:after{
	content:"";
	width:1px;
	height:12px;
	background-color:var(--inverseGrey700);
	position:absolute;
	top:15%;
	right:-10px;
}
section .sub_menu2{
	display:flex;
	justify-content: space-between;
	padding:10px 5px 5px 15px;
	align-items: center;
}

section .sub_menu2 li:first-child{
	font-size:16px;
	font-weight:700;
}

section h2{
	font-size: 1rem;
  color: var(--main-color-02);
  padding: 14px 20px;
  background-color: #ece3d491;
  border-radius: 6px;
  font-weight: 700;
  margin: 8px auto;
}

.my_point{
	background-color:#fff;
	color:var(--main-color);
	border:1px solid var(--main-color);
	padding:5px 8px;
	border-radius:5px;
	font-weight:600;
	cursor:pointer
}
.my_point:hover{
	background-color:var(--main-color);
	color:#fff;
	
}
.my_info{
	background-color:#fff;
	padding:15px;
	margin-top:10px;
	border-radius:8px;
}
.my_info div {
	display:flex;
	justify-content: space-between;
	align-items: center;
	
}
.my_info div p{
	line-height:14px;
	display:inline;
	font-size:14px;
}
.my_info div strong{
	position:relative;
	padding-left:15px;
	font-weight:600;
}
.my_info div span{
	color:var(--grey500);
}
.my_info div strong:before{
	content:"";
	width:4px;
	height:4px;
	background-color:var(--main-color-sub04);
	top:50%;
	left:0;
	transform:translateY(-50%);
	position:absolute;
	border-radius:50%;
}
.my_info div:not(:last-child){
	padding-bottom:15px;
}