@charset "utf-8";





/* ------------------------------------------------
###  プロフィール1段目の範囲
------------------------------------------------ */
.profile div.profile-inner01 {
margin-left: 40px;
}
@media (max-width: 768px) {
.profile div.profile-inner01 {
margin-left: 0px;
margin-top: 30px;
}
}

.profile div.profile-inner01 h1 {
font-size: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
font-weight: 600;
position: relative;
}
@media (max-width: 576px) {
.profile div.profile-inner01 h1 {
font-size: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
font-weight: 600;
position: relative;
margin-top: 15px;
}
}

.profile div.profile-inner01 h1.text-with-line::before {
content: '';
position: absolute;
top: -15px;
width: 50px;
height: 2px;
background-color: #4a2aa5;
left: 0;
}

.profile div.profile-inner01 p.category {
background: #dbd4ed;
display: inline-block;
padding: 6px 10px 4px 10px;
font-size: 14px;	
}

.profile span.name {
font-size: 18px;
margin-left: 30px;
color: #CCC;
position: absolute;
top: 7px;
font-family: "Merriweather", serif;

}
@media (max-width: 576px) {
.profile span.name {
font-size: 16px;
color: #CCC;
position: absolute;
top: 5px;
font-family: "Merriweather", serif;

}
}

.profile div.sns {
display: flex;
margin-bottom: 30px;
}

.profile div.icon-circle {
width: 36px;
height: 36px;
background-color: #4a2aa5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #FFF;
margin-right: 10px;
margin-top: 10px;
}

.profile div.icon-circle:hover {
width: 36px;
height: 36px;
background-color: #000;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #FFF;
margin-right: 10px;
margin-top: 10px;
}

.profile div.profile-inner01 p {
line-height: 2;
}






/* ------------------------------------------------
###  プロフィール2段目の範囲
------------------------------------------------ */
.profile div.profile-inner02 {
margin-right: 40px;
}
@media (max-width: 768px) {
.profile div.profile-inner02 {
margin-right: 0;
margin-top: 30px;
}
}

.profile div.profile-inner02 h2 {
font-size: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
margin-bottom: 30px;
font-weight: 600;
display: flex;
position: relative;
}
@media (max-width: 576px) {
.profile div.profile-inner02 h2 {
font-size: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
margin-bottom: 30px;
font-weight: 600;
display: flex;
position: relative;
margin-top: 15px;
}
}

.profile div.profile-inner02 h2.text-with-line::before {
content: '';
position: absolute;
top: -15px;
width: 50px;
height: 2px;
background-color: #4a2aa5;
left: 0;
}

.profile div.text-area p {
line-height: 2;
text-align: justify;
}







/* ------------------------------------------------
###  プロフィール3段目の範囲
------------------------------------------------ */
.profile div.profile-inner01 h2 {
font-size: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
font-weight: 600;
display: flex;
position: relative;
margin-bottom: 30px;
}
@media (max-width: 576px) {
.profile div.profile-inner01 h2 {
font-size: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
font-weight: 600;
display: flex;
position: relative;
margin-bottom: 30px;
margin-top: 15px;
}
}

.profile div.profile-inner01 h2.text-with-line::before {
content: '';
position: absolute;
top: -15px;
width: 50px;
height: 2px;
background-color: #4a2aa5;
left: 0;
}






.profile div.container h1.calendar {
position: relative;
padding: 0.6em;
background: #4a2aa5;
color: #FFF;
margin: 30px 0 30px 0;
}

.profile div.container h1.calendar:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #4a2aa5;
width: 0;
height: 0;
}





.sns a img {
	margin-top: 8px;
}