@charset "utf-8";

#ContentsWrap  {
	padding-bottom:0;
}

@media screen and (min-width: 561px)  {
	#ContentsWrap {
		margin:0 auto;
		max-width:1600px;
		position:relative;
		left:50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	@media screen and (min-width: 1601px)  {
		#ContentsWrap {
			left:auto;
			-webkit-transform: translateX(0%);
			-ms-transform: translateX(0%);
			transform: translateX(0%);
		}
	}
}
.fancybox-close{
	top:-40px;
	right: -40px;
	border:1px solid #eee;
}

/* ↓Skill Up Movie↓ */

/*common*/
.tabs {
background-color: #fff;
width: 100%;
margin: 30px auto;
}
/*tab style*/
.tab_item {
width: calc(100%/2);
height: 50px;
border-bottom: 3px solid #333;
background-color: #d9d9d9;
line-height: 50px;
font-size: 16px;
text-align: center;
color: #565656;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab_item:hover {
opacity: 0.75;
}
/*content style*/
h2 {
	font-size: 28px;
	line-height: 1.5;
	margin-bottom: 10px;
	font-weight: 100;
}
h2,
.comment {
	text-align: center;
}
.column {
	position: relative;
}
/*selected tab*/
.tabs .selected {
background: #444 url(../img/base_ami_black_10.png);
color: #fff;
}
/*profile*/
#Skillup_profile {
	clear: both;
	margin-top: 30px;
}
#Skillup_profile h2 {
	padding-bottom: 30px;
	border-bottom: 1px #ccc solid;
}
.profile-list ul li {
	clear: both;
	margin: 30px auto;
	padding-bottom: 30px;
	border-bottom: 1px #ccc solid;
	width: 1100px;
	box-sizing: border-box;
	overflow: hidden;
}
.profile-list li .profile-ph,
.profile-list li .profile-detail {
	float: left;
}
.profile-list li.even .profile-ph,
.profile-list li.even .profile-detail {
	float: right;
}
.profile-list li .profile-ph {
	width: 28%;
	margin-right: 2%;
	padding: 0;
}
.profile-list li.even .profile-ph {
	width: 28%;
	margin-right: 0%;
	margin-left: 2%;
	padding: 0;
}
.profile-list .profile-ph img {
	width: 100%;
}
.profile-list .profile-detail {
	width: 70%;
	line-height: 1.8em;
	font-size: 15px;
}
.profile-list li .profile-detail .name {
	font-size: 24px;
	font-weight: 100;
	margin-bottom: 20px;
}
.profile-list li .profile-detail .name span {
	font-size: 18px;
	margin-left: 3px;
}
.profile-list li .profile-detail .name i {
	color: #888;
	font-size: 16px;
	margin-left: 1.0em;
}



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

	.tab_item {
		font-size: 12px;
	}
	h2 {
		font-size: 22px;
	}
	.comment {
		text-align: left;
	}
	.column {
		position: relative;
	}
	
#Skillup_profile h2 {
	padding-bottom: 10px;
}
.profile-list ul li {
	width: 100%;
}
.profile-list li .profile-ph,
.profile-list li .profile-detail {
	float: none;
	width: 100%;
}
.profile-list li.even .profile-ph,
.profile-list li.even .profile-detail {
	float: none;
	width: 100%;
}
.profile-list .profile-ph {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 15px;
	padding: 0;
}
.profile-list .profile-ph img {
	width: 100%;
}
.profile-list .profile-detail {
	width: 100%;
	line-height: 1.8em;
	font-size: 13px;
}
.profile-list li .profile-detail .name {
	font-size: 20px;
	font-weight: 100;
	margin-bottom: 10px;
}
.profile-list li .profile-detail .name i {
	color: #888;
	font-size: 12px;
	margin-left: 1.0em;
}

}