﻿.page-head-img.head-sns {
    background-image: url(../img/profile/profile-mv.png);
}

.profile-contents {
	margin: 80px 0 0 0;
}


.profilelist {
  width: 100%;
  font-size:1.8rem;
}

.profilelist li {
	margin-bottom: 45px;
}

.profilelist li div {
  display: table-cell;
  width: 250px;
  vertical-align: middle;
}
.profilelist li p {
  display: table-cell;
  padding-left: 30px;
  vertical-align: middle;
  position:relative;
  letter-spacing: .15em;
}
.profilelist li .link-groupC:hover{
	text-decoration: underline;
}

.profilelist li div.title {
  display: table-cell;
  vertical-align: middle;
  width: 220px;
  background: #000;
  color:#FFF;
  text-align:center;
  padding:10px 0;
}

.profile-more {
	position:relative;
	top: 5px;
	left: 20px;
}
.profile-more:hover{
	opacity: 0.5;
}

@media screen and (max-width:1260px) {
.page-head-img {
    background-size: contain;
}

.page-head-img.head-sns {
    background-image: url(../img/profile/profile-mv_sp.png);
}
}

@media screen and (max-width:1050px) {
.page-head-img {
    min-height: 380px;
}
}

@media screen and (max-width:768px) {
	
.profile-contents {
    margin: 30px 0 0 0;
}

.page-head-img {
    min-height: 280px;
}
}
@media screen and (max-width:540px) {
.profilelist{
	font-size: 1.6rem;	
}
.profile-contents {
    margin: 0 0 0 0;
}	
	
.page-head-img {
    min-height: 240px;
}
.profilelist li div {
  width: 150px;
}

.profilelist li div.title {
  width: 170px;
  display: block;
 
}
.profilelist li p{
	display: block;
	padding: 20px 0 0;
}
.profile-more {
 position: static;
 display: block;
 margin: 10px auto 0;
}
}

@media screen and (max-width:480px) {

.page-head-img {
    min-height: 200px;
}

}