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

/*----------------------------------------------------------
 profile
----------------------------------------------------------*/
.profile{
background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)), url("/wp-content/themes/sauna/assets/images/common/common_bg_01.webp") no-repeat;
background-size: cover;
}
.profile .title{
text-align: center;
margin: 0 auto 60px;
}
.profile .title img{
width: 200px;
height: auto;
}
.profile .inner{
color: #2E2E2E;
}
.profile .inner .nameBlock{
width: 800px;
margin: 0 auto 30px;
display: flex;
justify-content: center;
align-items: center;
}
.profile .inner .nameBlock .block{
margin: 0 0 0 40px;
}
.profile .inner .image{
width: 200px;
height: 200px;
border-radius: 100px;
overflow: hidden;
}
.profile .inner .image img{
width: auto;
height: 100%;
}
.profile .inner .name{
text-align: center;
margin: 0 0 20px;
}
.profile .inner .name span{
font-size: 2.2rem;
font-weight: bold;
letter-spacing: 3px;
border-bottom: 3px double #2E2E2E;
padding: 0 20px;
display: inline-block;
}
.profile .inner .snsList{
text-align: center;
}
.profile .inner .snsList > li{
display: inline-block;
}
.profile .inner .snsList > li + li{
margin-left: 30px;
}
.profile .inner .snsList > li a{
font-size: 1.4rem;
font-weight: bold;
display: block;
}
.profile .inner .snsList > li.tw a{
color: #1da1f2;
}
.profile .inner .snsList > li.ig a{
color: #4C64D3;
}
.profile .inner .snsList > li a span{
font-size: 2.0rem;
vertical-align: -3px;
margin: 0 5px 0 0;
}
.profile .inner .textBlock{
width: 800px;
background: #fff;
margin: 0 auto 30px;
padding: 30px 60px;
}
.profile .inner .textBlock p{
font-size: 1.4rem;
}
.profile .inner .textBlock p + p{
margin-top: 15px;
}
.profile .inner .imageList{
width: 800px;
margin: 0 auto;
}
.profile .inner .imageList > li{
width: 192.5px;
margin: 0 10px 0 0;
float: left;
}
.profile .inner .imageList > li:last-child{
margin-right: 0;
}
.profile .inner .imageList > li img{
width: 100%;
height: auto;
}
@media (max-width: 768px){
.profile .title{
margin: 0 auto 3.0rem;
}
.profile .title img{
width: 20.0rem;
}
.profile .inner .nameBlock{
width: 100%;
margin: 0 auto 3.0rem;
display: block;
}
.profile .inner .nameBlock .block{
margin: 0;
}
.profile .inner .image{
width: 18.0rem;
height: 18.0rem;
border-radius: 100rem;
margin: 0 auto 2.0rem;
}
.profile .inner .name{
margin: 0 0 1.5rem;
}
.profile .inner .name span{
font-size: 2.0rem;
padding: 0 1.5rem;
}
.profile .inner .snsList > li + li{
margin-left: 1.5rem;
}
.profile .inner .snsList > li a span{
font-size: 1.8rem;
vertical-align: -3px;
margin: 0 0.5rem 0 0;
}
.profile .inner .textBlock{
width: 100%;
margin: 0 auto 4%;
padding: 2.0rem 1.5rem;
}
.profile .inner .textBlock p + p{
margin-top: 1.5rem;
}
.profile .inner .imageList{
width: 100%;
}
.profile .inner .imageList > li{
width: 48%;
margin: 0 4% 4% 0;
}
.profile .inner .imageList > li:nth-child(even){
margin-right: 0;
}
.profile .inner .imageList > li:nth-child(n+3){
margin-bottom: 0;
}
}