@charset "UTF-8";

/* page-staff
-------------------------------------*/
@media screen and (min-width:641px) {


	.staff-list{
		width: 1100px;
		margin: 0 auto;
	}


	.h2-bg { background-image: url(../images/staff/h2.jpg); }
	.h3-ptn-01 { margin-bottom: 38px; }
	.h4-ptn-01 { margin-bottom: 27px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #2a2827; font-size: 30px; font-weight: 600; text-align: center; background-image: url(../images/staff/h3-icon.png); background-repeat: no-repeat; background-position: 33.5% 40%; }

	/* staff-list
	-------------------------------------*/
	.staff-list ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.staff-list ul li { margin-right: 16px; margin-bottom: 44px; width: 244px; }
	.staff-list ul li .fit { height: 280px; margin-bottom: 9px; }
	.staff-list ul li .fit img{ height: 280px; }
	.staff-list ul li .fit:hover { -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
	.staff-list ul li:nth-child(4n) { margin-right: 0px; }

	.staff-list ul li h5 { padding-left: 2px; padding-right: 2px; color: #2a2827; font-size: 16px; font-weight: 700; font-style: italic; line-height: 20px; margin-bottom: 2px; }
	.staff-list ul li h6 { padding-left: 2px; padding-right: 2px; color: #666666; font-size: 13px; font-weight: 400; line-height: 20px; }

	/* ☆ 詳細ページ
	-------------------------------------*/
	.h3-Box-02 { margin-bottom: 38px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-bottom: 3px solid #dddddd; }
	.h3-Box-02 h3 { padding-bottom: 8px; color: #2b2827; font-size: 20px; font-weight: 400; }
	.h3-Box-02 h3:before { content: "\25A0 \a0"; color: #ea5404; font-size: 16px; }
	.h4-ptn-02 { color: #2b2827; font-size: 26px; font-weight: 700; line-height: 38px; margin-bottom: 25px; }

	/* detail-Box
	-------------------------------------*/
	.detail-Box {
		width: 1100px;
		margin: 0 auto;
		border: 5px solid #eeece7;
		padding: 48px 80px 80px;
		margin-top: 24px;
	}

	.detail-Box .txt-Box .job-title{
		font-weight: 700;
	}

	.top-bd{
		width: 1100px;
		margin: 0 auto;
		margin-top: 48px;
	}


	.staff-detail-Box { padding-bottom: 32px; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
	.staff-pic {  width: 343px;}
	.staff-pic img { max-width: 100% !important;  }
	.txt-Box { margin-top: 22px;  width: 532px;margin-right: 24px; }
	.txt-Box .roman-txt { color: #999999; font-size: 14px; font-weight: 400; margin-bottom: 3px; display: block; line-height: 1.35em; }
	.txt-Box h3 { line-height: 1.35em; color: #000000; font-size: 40px; font-weight: 400; padding-bottom: 1px; border-bottom: 2px solid #000; margin-bottom: 16px; }
	.txt-Box .job-title { color: #000000; font-size: 16px; font-weight: 400; }
	.txt-Box .entering_company_date { color: #666666; font-size: 12px; font-weight: 400; margin-bottom: 18px; }
	.txt-Box .favorability_rating-list li { background-color: #eeece7; /* border-radius: 4px; */ /* -webkit-border-radius: 4px; */ -moz-border-radius: 4px; padding: 12px 10px 12px 10px; margin-bottom: 8px; }
	.txt-Box .favorability_rating-list dt { color: #000000; font-size: 14px; font-weight: 700; }
	.txt-Box .favorability_rating-list dd { color: #666666; font-size: 14px; font-weight: 400; display: inline-block; }
	.staff-comment { background-color: #fff; padding: 0 24px 32px 24px; background-image: url(../images/staff/ptn-02.jpg); background-repeat: repeat-x; background-position: 0% bottom; }
	.staff-comment .h6-Box { background-image: url(../images/staff/ptn-03.jpg); background-repeat: repeat-x; background-position: 0 6px; margin-bottom: 17px; }
	.staff-comment h4 {
color: #2b2827;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.9px;
line-height: normal;
	}



	/* contents-pager
	-------------------------------------*/
	.contents-pager ul { width: 280px; }
	.contents-pager ul li { width: 140px; }
	.contents-pager ul li:nth-child(2) { width: 140px; }
	.fit02 { height: 280px; margin: 0 0 10px 0; }
}


/*SP用*/
@media screen and (max-width:640px) {


	.staff-list{
		width: 92vw;
		margin: 0 auto;
	}

	.h2-bg { background-image: url(../images/staff/h2.jpg); }
	.h3-ptn-01 { margin-bottom: 9.179vw; }
	.h4-ptn-01 { margin-bottom: 6.522vw; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #2a2827; font-size: 7.246vw; font-weight: 600; text-align: center; background-image: url(../images/staff/h3-icon.png); background-repeat: no-repeat; background-position: 33.5% 40%; }
	h4 img { padding: 0 25vw; }

	/* staff-list
	-------------------------------------*/
	.staff-list ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
	.staff-list ul li { margin-bottom: 4.831vw; width: 48%; }
	.staff-list ul li .fit { height: 48.309vw; margin-bottom: 2.174vw; }
	.staff-list ul li .fit:hover { -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
	.staff-list ul li:nth-child(4n) { margin-right: 0px; }
	.staff-list ul li h5 { padding-left: 0.483vw; padding-right: 0.483vw; color: #2a2827; font-size: 3.865vw; font-weight: 700; font-style: italic; line-height: 4.831vw; margin-bottom: 0.483vw; }
	.staff-list ul li h6 { padding-left: 0.483vw; padding-right: 0.483vw; color: #666666; font-size: 3.14vw; font-weight: 400; line-height: 4.831vw; }

	/* ☆ 詳細ページ
	-------------------------------------*/


	.detail-Box {
		width: 92vw;
		margin: 0 auto;
		border: 5px solid #eeece7;
		padding: 4vw;
	}

	.detail-Box .txt-Box .job-title{
		font-weight: 700;
	}

	.top-bd{
		width: 92vw;
		margin: 0 auto;
		margin-top: 4vw;
	}



	.h3-Box-02 { margin-bottom: 9.179vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-bottom: 3px solid #dddddd; }
	.h3-Box-02 h3 { padding-bottom: 1.932vw; color: #2b2827; font-size: 4.831vw; font-weight: 400; }
	.h3-Box-02 h3:before { content: "\25A0 \a0"; color: #ea5404; font-size: 3.865vw; }
	.h4-ptn-02 { color: #2b2827; font-size: 6.28vw; font-weight: 700; line-height: 9.179vw; margin-bottom: 6.039vw; }

	/* detail-Box
	-------------------------------------*/
	.detail-Box { margin-bottom: 7.246vw; padding: 7vw 4vw 8vw; background-image: url(../images/staff/ptn-01.jpg); }
	.staff-detail-Box { padding-bottom: 1.932vw; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; }
	
	.staff-pic { width: 56vw; text-align: center;
	margin: 0 auto;
	}
	.staff-pic img { max-width: 100% !important; height: auto !important; }


	.txt-Box { padding: 20px 0vw; width: 100%; }
	.txt-Box .roman-txt { color: #999999; font-size: 3.382vw; font-weight: 400; margin-bottom: 0.725vw; display: block; line-height: 1.35em; }
	.txt-Box h3 { line-height: 1.35em; color: #000000; font-size: 6.522vw; font-weight: 400; padding-bottom: 2.174vw; border-bottom: 2px solid #000; margin-bottom: 3.865vw; }
	.txt-Box .job-title { color: #000000; font-size: 3.865vw; font-weight: 400; }
	.txt-Box .entering_company_date { color: #666666; font-size: 2.899vw; font-weight: 400; margin-bottom: 4.348vw; }
	.txt-Box .favorability_rating-list li { background-color: #eeece7; border-radius: 0.966vw; -webkit-border-radius: 0.966vw; -moz-border-radius: 0.966vw; padding: 2.899vw 2.415vw 2.899vw 2.415vw; margin-bottom: 1.932vw; }
	.txt-Box .favorability_rating-list dt { color: #000000; font-size: 3.382vw; font-weight: 700; }
	.txt-Box .favorability_rating-list dd { color: #666666; font-size: 3.382vw; font-weight: 400; display: inline-block; }
	.staff-comment { background-color: #fff; /* padding: 0 4vw 0vw; */ background-image: url(../images/staff/ptn-02.jpg); background-repeat: repeat-x; background-position: 0% bottom; }
	.staff-comment .h6-Box { background-image: url(../images/staff/ptn-03.jpg); background-repeat: repeat-x; background-position: 0 1.449vw; margin-bottom: 1.208vw; }
	.staff-comment h4 { color: #333333; font-size: 3.623vw; font-weight: 400; line-height: 7.246vw; margin-left: auto; margin-right: auto; /* padding: 0 1em; */ background-color: #fff; text-align: center;  display: block; 
	font-weight: 700;
	}

	/* contents-pager
	-------------------------------------*/
	.contents-pager ul { width: 100%; }
	.contents-pager ul li { width: 48%; }
	.contents-pager ul li:nth-child(2) { width: 48%; }
	.fit02 { height: 48.309vw; margin: 0 0 2.415vw 0; }

	.contents-pager .list-back{
    clear: both;
    text-align: center;
    border: 1px solid #333;
    padding: 3vw 0 3vw 0;
    margin: 6vw 0 0 0;
	}

	.contents-pager .list-back a{}

	.sp-ten-t { -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; }


	.staff-comment .wysiwyg h4{
		text-align: left;
		line-height: 1.5;
		}

}