/* ---------------------------------------------------------------------------------------------------   

　.block_profile

   --------------------------------------------------------------------------------------------------- */

.block_profile { height:100vh; min-height:100%; min-height:50vw; position: relative; z-index:0; overflow: hidden; }

/* .profile_area */
.block_profile .profile_area { position: absolute; top: 0px; right: 10%; left: 10%; bottom: 0; z-index: 1; }
.block_profile .profile_box { position: absolute; top: 50%; left: 0; right: 0;max-width: 1200px; margin: 0 auto;  z-index: 0;-webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center;}
.block_profile .profile_area .img_area { position: absolute; top: 50%; left: 0; width: 25%;-webkit-transform: translate(0, -50%); transform: translate(0, -50%);}
.block_profile .profile_area .txt_area { display: inline-block; text-align: left;line-height: 1;}
.block_profile .profile_area .txt_area .t_name { margin: 0 0 30px; font-size: 18px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; letter-spacing: .2em; line-height: 1;}

/* .sns_area */
.block_profile .profile_area .sns_area {margin: 20px 0 0;}
.block_profile .profile_area .list_sns {list-style: none; font-size: 0;}
.block_profile .profile_area .list_sns li {display: inline-block; margin: 0 25px 0 0;}
.block_profile .profile_area .list_sns li a {padding: 0 0 0 1.25em; font-size: 14px; letter-spacing: 0.01em; font-feature-settings: "calt" 1;line-height: 1.6;position: relative ;z-index: 0;}
.block_profile .profile_area .list_sns li a.sns_instagram:before { position: absolute; top:-1px; left: 0; font-size: .95em; font-family:'FontAwesome';content:"\f16d"; font-weight: normal; z-index: 0; vertical-align: 0;}
.block_profile .profile_area .list_sns li a:after { position: absolute; bottom: -1px; right: 2px; left: 0; height: 1px; content: "";background: #111; z-index: 1;transition: transform .3s cubic-bezier(.215, .61, .355, 1);transform-origin: right center;transform:scaleX(0) }

@media only screen and (min-width: 961px) {
.block_profile .profile_area .list_sns li a:hover:after { transform-origin: left center;transform:scaleX(1)}
}
@media only screen and (max-width: 960px) {
.block_profile { height:100vh;}
.block_profile .profile_area { right: 3.5%; left: 3.5%;}
.block_profile .profile_box { padding: 0 5%;}
.block_profile .profile_area .txt_area .t_name { margin: 0 0 25px; font-size: 16px;}  
}
@media only screen and (max-width: 738px) {
footer.fixed_footer {position: fixed; left: 0; bottom: 0; }
}