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


/* profile 前のプロフィールデザイン
   ========================================================================== */
.profile{
	margin: 8vw 3vw;
}

.profile .border_title{
	padding: 0 0 3vw;
	font-size: 4vw;
	line-height: 150%;
	color: #00A30C;
	text-align: center;
	border-bottom: 1px solid #00A30C;
}

.profile .staff_list{
	margin: 8vw 0 0;
}

.profile .staff_list > li{
	margin: 8vw 0 0;
}

.profile .staff_list > li:first-child{
	margin-top: 0;
}

.profile .top_box{
	margin: 4vw 0 0;
}

.profile .top_box .photo{
	margin: 0 3vw 0 0;
	float: left;
	width: 40%;
}

.profile.marshall_profile .top_box .photo{
	width: 50%;
}

.profile .top_box .text_box{
	padding: 2vw 0 0;
}

.profile .top_box .text_box .title{
	margin: 0 0 2vw;
	font-size: 7vw;
	color: #ccc;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	letter-spacing: 0;
}

.profile .top_box .text_box .name{
	margin: 0 0 0;
	font-size: 4.2vw;
	line-height: 140%;
	letter-spacing: 0;
}

.profile .top_box .text_box .text{
	margin: 3vw 0 0;
}

.profile .top_box .text_box .name .small{
	padding: 0 0 1vw;
	font-size: 0.8em;
	line-height: 150%;
	display: inline-block;
}

.profile .top_box .text_box .marshall_p_list{
	margin: 17vw 0 0;
	clear: both;
	font-size: 0;
}

.profile .top_box .text_box .marshall_p_list li{
	padding: 2vw 2vw 2vw;
	border-bottom: 1px dashed #ccc;
	font-size: 3vw;
	line-height: 170%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 49%;
}

.profile .top_box .text_box .marshall_p_list li:nth-child(2n+2){
	margin-left: 2%;
}

.profile .border_box{
	margin: 3vw 0 0;
	padding: 3vw 3vw;
	border: 1px solid #ddd;
	border-radius: 19px;
}

.profile .border_box .green_title{
	font-size: 4vw;
	line-height: 150%;
	color: #00A30C;
}

.profile .border_box .gray_title{
	font-size: 5vw;
	color: #ccc;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	letter-spacing: 0;
}

.profile .border_box p{
	margin: 3vw 0 0;
}


@media screen and (min-width : 500px){


	/* profile 前のプロフィールデザイン
	   ========================================================================== */
	.profile{
		margin: 45px 2vw 70px;
	}
	
	.profile .border_title{
		padding: 0 0 2vw;
		font-size: 3.5vw;
	}
	
	.profile .staff_list{
		margin: 4vw 0 0;
	}
	
	.profile .staff_list > li{
		margin: 7vw 0 0;
		font-size: 0;
	}
	
	.profile .staff_list > li:first-child{
		margin-top: 0;
	}
	
	.profile .top_box{
		margin: 3vw 0 0;
		font-size: 0;
	}
	
	.profile .top_box .photo{
		margin: 0 0 0;
		float: none;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 30%;
	}
	
	.profile.marshall_profile .top_box .photo{
		width: 35%;
	}
	
	.profile .top_box .text_box{
		padding: 1vw 0 0 2vw;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 70%;
	}
	
	.profile.marshall_profile .top_box .text_box{
		width: 65%;
	}
	
	.profile .top_box .text_box .title{
		margin: 0 0 0;
		font-size: 5vw;
	}
	
	.profile .top_box .text_box .name{
		margin: 0 0 0;
		font-size: 3vw;
	}
	
	.profile .top_box .text_box .text{
		margin: 3vw 0 0;
	}
	
	.profile .top_box .text_box .name .small{
		padding: 0 0 1vw;
		font-size: 0.8em;
	}
	
	.profile .top_box .text_box .marshall_p_list{
		margin: 0 0 0;
	}
	
	.profile .top_box .text_box .marshall_p_list li{
		padding: 2vw 1vw 2vw;
		border-bottom: 1px dashed #ccc;
		font-size: 1.8vw;
		line-height: 170%;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 49%;
	}
	
	.profile .top_box .text_box .marshall_p_list li:nth-child(2n+2){
		margin-left: 2%;
	}
	
	.profile .border_box{
		margin: 2vw 0 0;
		padding: 2vw 2vw;
	}
	
	.profile .border_box .green_title{
		font-size: 3vw;
	}
	
	.profile .border_box .gray_title{
		font-size: 3vw;
	}
	
	.profile .border_box p{
		margin: 1vw 0 0;
	}
	   

}
@media screen and (min-width : 768px){


	/* profile 前のプロフィールデザイン
	   ========================================================================== */
	.profile{
		margin: 45px 20px 70px;
	}
	
	.profile .border_title{
		padding: 0 0 15px;
		font-size: 26px;
	}
	

}
@media screen and (min-width : 769px){


	/* profile 前のプロフィールデザイン
	   ========================================================================== */
	.profile{
		margin: 45px 0 70px;
	}
	
	.profile .border_title{
		padding: 0 0 20px;
		font-size: 30px;
	}
	
	.profile .staff_list{
		margin: 35px 0 0;
	}
	
	.profile .staff_list > li{
		margin: 50px 0 0;
		font-size: 0;
	}
	
	.profile .staff_list > li:first-child{
		margin-top: 0;
	}
	
	.profile .top_box{
		margin: 3vw 0 0;
		font-size: 0;
	}
	
	.profile .top_box .photo{
		margin: 0 0 0;
		width: 30%;
	}
	
	.profile.marshall_profile .top_box .photo{
		width: 35%;
	}
	
	.profile .top_box .text_box{
		padding: 15px 0 0 28px;
		width: 70%;
	}
	
	.profile.marshall_profile .top_box .text_box{
		padding: 10px 0 0 50px;
		width: 65%;
	}
	
	.profile .top_box .text_box .title{
		margin: 0 0 0;
		font-size: 35px;
	}
	
	.profile .top_box .text_box .name{
		margin: 0 0 0 20px;
		font-size: 30px;
	}
	
	.profile.marshall_profile .top_box .text_box .name{
		margin: 0 0 0;
	}
	
	.profile .top_box .text_box .text{
		margin: 20px 0 0;
	}
	
	.profile .top_box .text_box .name .small{
		padding: 0 0 0;
		font-size: 20px;
	}
	
	.profile .top_box .text_box .marshall_p_list{
		margin: 15px 0 0;
	}
	
	.profile .top_box .text_box .marshall_p_list li{
		padding: 10px 10px 10px;
		font-size: 17px;
		width: 49%;
	}
	
	.profile .top_box .text_box .marshall_p_list li:nth-child(2n+2){
		margin-left: 2%;
	}
	
	.profile .border_box{
		margin: 25px 0 0;
		padding: 45px 30px 40px;
	}
	
	.profile.marshall_profile .border_box{
		margin: -60px 0 0;
		padding: 35px 30px 40px;
	}
	
	.profile .border_box .green_title{
		margin-left: 280px;
		font-size: 25px;
	}
	
	.profile .border_box .gray_title{
		font-size: 25px;
	}
	
	.profile .border_box p{
		margin: 20px 0 0;
	}


}