/* = post
-------------------------------------------------------------- */

#post{
	padding-top:85px;
}

.keyVisual{
	position:relative;
	z-index:0;
	background-color:#F7F5F5;
	padding:68px 0;
}
.keyVisual .inner{
	background-color:#ffffff;
	position:relative;

}

.keyTextWrap{
	width:410px;
	float:left;
	padding:48px 36px;
}
.keyPhoto{
	position:absolute;
	top:0;
	right:0;
	width:640px;
	height:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	line-height:0;
}

.keyVoice{
	width:256px;
}
.keyVoice img{
	width:100%;
	height:auto;
}
.keyTitle{
	font-size:28px;
	line-height:1.5em;
	letter-spacing:.01em;
	font-weight:bold;
	text-align:left;
	margin-top:56px;
}
.keyName{
	font-size:22px;
	line-height:1em;
	letter-spacing:.01em;
	font-weight:bold;
	text-align:left;
	margin-top:56px;
}
.keyNameBig{
	font-size:28px !important;
	letter-spacing:0.2em;
	font-weight:500 !important;
}
.keyName span{
	font-size:16px;
}
.keyText{
	font-size:12px;
	line-height:1.5em;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:left;
	margin-top:22px;
}

.postContent.marginA{
	margin-bottom:64px;
}
.postContent.marginB{
	margin-bottom:64px;
}
.postContent.marginC{
	margin-bottom:80px;
}
.textWrap{
	width:550px;
	overflow:hidden;
}
.photoWrap{
	width:450px;
}
.photoWrap{
	padding-top:64px;
	margin-bottom:30px;
}
.photoWrap.pt60 {
	padding-top: 60px;
}
.postContent.marginC .photoWrap{
	padding-top:104px;
}
.postContent.layoutA .textWrap{
	float:left;
}
.postContent.layoutA .photoWrap{
	float:right;
}
.postContent.layoutB .textWrap{
	float:right;
}
.postContent.layoutB .photoWrap{
	float:left;
}
.sectionTitle{
	font-size:24px;
	line-height:1.7em;
	letter-spacing:0em;
	font-weight:bold;
	text-align:left;
	color:#E95E1C;
	margin-bottom:18px;
}
.question{
	position:relative;
	padding-left:0em;
	font-size:18px;
	line-height:1.38em;
	letter-spacing:.01em;
	font-weight:bold;
	text-align:left;
	color:#444444;
	margin-bottom:18px;
}
.sectionText{
	font-size:16px;
	line-height:1.875em;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:left;
	color:#444444;
	margin-bottom:40px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.sectionPhoto{
	line-height:0;
	margin-bottom:20px;
}
.sectionPhoto img{
	width:100%;
	border-radius:5px;
}

.person{
	background-color:#ffffff;
	padding:33px 72px;
}
.personIcon{
	float:left;
	width:126.11px;
	height:108.49px;
}
.personIcon svg{
	width:100%;
	height:100%;
}
.personTextWrap{
	float:right;
	width:726px;
}
.personName{
	font-size:20px;
	line-height:1em;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:left;
	color:#444444;
}
.personNameBig{
	font-size:24px;
	letter-spacing:.2em;
	font-weight:300 !important;
}
.personText{
	font-size:14px;
	line-height:24px;
	letter-spacing:.1em;
	font-weight:normal;
	text-align:left;
	color:#444444;
	margin-top:20px;
}
.personLink{
	font-size:12px;
	line-height:15px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:left;
	color:#444444;
	margin-top:16px;
	text-decoration:underline;
	display:block;
}

.linkTitle{
	font-size:13px;
	line-height:13px;
	letter-spacing:.01em;
	font-weight:bold;
	text-align:left;
	color:#E95E1C;
	margin-top:16px;
	display:block;
}
.linkTitle span{
	font-size:11px;
	line-height:11px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:left;
	color:#444444;
}
.linkWrap{
	float:left;
	width:50%;
	padding-right:12px;
}


.homeVoice{
	padding-top:72px;
	padding-bottom:72px;
}
.titleVoice{
	text-align:center;
}
.titleVoice img{
	width:581.53px;
}
.textVoice{
	font-size:16px;
	line-height:1.875em;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:center;
	margin-top:35px;
}

.slideTopVoice .slideItem a{
	position:relative;
	width:100%;
	height:100%;
	display:block;
}
.slideTopVoice .slideItem a{
	position:relative;
	padding-top:2px;
}
.voiceThumHover{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}


.voiceTextWrap{
	position:absolute;
	top:50%;
	left:50%;
	z-index:1000;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width:100%;
	opacity:0;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.slideTopVoice li:nth-child(2n+1) .voiceTextWrap{
	margin-left:-6px;
	margin-top:-6px;
}
.slideTopVoice li:nth-child(2n) .voiceTextWrap{
	margin-left:-9px;
}

.voiceTitle{
	font-size:14px;
	line-height:24px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:center;
	color:#ffffff;
	margin-bottom:24px;
}
.voiceTitle.longText{
	margin-bottom:8px;
}

.voiceName{
	font-size:13px;
	line-height:21px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:center;
	color:#ffffff;
}

/* = Media (Responsive Setting)
-------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1079px) {

#post{
	padding-top:58px;
}
.keyVisual{
	padding:47.6px 0;
}
.keyTextWrap{
	width:287px;
	float:left;
	padding:30.6px 25.2px;
}
.keyPhoto{
	width:448px;
}
.keyVoice{
	width:179.2px;
}
.keyTitle{
	font-size:19.6px;
	margin-top:39.2px;
}
.keyName{
	font-size:15.4px;
	margin-top:39.2px;
}
.keyNameBig{
	font-size:18px !important;
}
.keyName span{
	font-size:11.2px;
}
.keyText{
	font-size:12px;
	margin-top:15.4px;
}
.postContent.marginA{
	margin-bottom:40px;
}
.postContent.marginB{
	margin-bottom:40px;
}
.postContent.marginC{
	margin-bottom:40px;
}
.textWrap{
	width:385px;
}
.photoWrap{
	width:315px;
}
.photoWrap{
	padding-top:46px;
	margin-bottom:13px;
}
.photoWrap.pt60 {
	padding-top: 60px;
}
.postContent.marginC .photoWrap{
	padding-top:80px;
}
.sectionTitle{
	font-size:18px;
	margin-bottom:13px;
}
.question{
	font-size:14px;
	margin-bottom:13px;
}
.sectionText{
	font-size:13px;
	margin-bottom:21px;
}
.sectionPhoto{
	margin-bottom:14px;
}
.person{
	background-color:#ffffff;
	padding:23.1px 50.4px;
}
.personIcon{
	width:88.277px;
	height:75.943px;
}
.personTextWrap{
	width:508.2px;
}
.personName{
	font-size:14px;
}
.personText{
	font-size:12px;
	line-height:16.8px;
	margin-top:14px;
}
.personLink{
	font-size:12px;
	line-height:15px;
	margin-top:16px;
	display:block;
}

.linkTitle{
	font-size:13px;
	line-height:13px;
	letter-spacing:.01em;
	margin-top:16px;
	display:block;
}
.linkTitle span{
	font-size:11px;
	line-height:11px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:left;
	color:#444444;
}
.linkWrap{
	padding-right:12px;
}


.homeVoice{
	padding-top:50.4px;
	padding-bottom:50.4px;
}
.titleVoice img{
	width:407.071px;
}
.textVoice{
	font-size:11.2px;
	margin-top:24.5px;
}
.voiceTitle{
	font-size:10px;
	line-height:16.8px;
	margin-bottom:16.8px;
}
.voiceName{
	font-size:10px;
	line-height:14.7px;
}


} /*Query End*/
@media only screen and (max-width: 767px) {

#post{
	padding-top:47px;
}
.keyVisual{
	padding:23.8px 0;
}
.keyTextWrap{
	width:320px;
	float:left;
	padding:30.6px 25.2px;
}
.keyPhoto{
	position:relative;
	float:left;
	height:240px;
	width:320px;
}
.keyVoice{
	width:179.2px;
}
.keyTitle{
	font-size:19.6px;
	margin-top:39.2px;
}
.keyName{
	font-size:15.4px;
	margin-top:39.2px;
}
.keyName span{
	font-size:11.2px;
}
.keyNameBig{
	font-size:18px !important;
}
.keyText{
	font-size:12px;
	margin-top:15.4px;
}
.postContent.marginA{
	margin-bottom:22px;
}
.postContent.marginB{
	margin-bottom:22px;
}
.postContent.marginC{
	margin-bottom:22px;
}
.textWrap{
	width:320px;
}
.photoWrap{
	width:320px;
}
.photoWrap{
	padding-top:0px;
	margin-bottom:13px;
}
.photoWrap.pt60 {
	padding-top: 0px;
}
.postContent.marginC .photoWrap{
	padding-top:0px;
}
.sectionTitle{
	font-size:18px;
	margin-bottom:13px;
}
.question{
	font-size:14px;
	margin-bottom:13px;
}
.sectionText{
	font-size:13px;
	margin-bottom:21px;
}
.sectionPhoto{
	margin-bottom:14px;
}
.person{
	background-color:#ffffff;
	padding:16px 16px;
}
.personIcon{
	width:70.6216px;
	height:60.7544px;
}
.personTextWrap{
	width:196px;
}
.personName{
	font-size:14px;
}
.personNameBig{
	font-size:18px;
}
.personText{
	font-size:12px;
	line-height:16.8px;
	margin-top:14px;
}
.personLink{
	font-size:12px;
	line-height:15px;
	margin-top:16px;
	display:block;
}

.linkTitle{
	font-size:13px;
	line-height:13px;
	margin-top:16px;
}
.linkTitle span{
	font-size:11px;
	line-height:11px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:left;
	color:#444444;
	display:block;
	margin-top:8px;
}
.linkWrap{
	float:none;
	width:100%;
	padding-right:0px;
}

.homeVoice{
	padding-top:25.2px;
	padding-bottom:25.2px;
}
.titleVoice img{
	width:407.071px;
}
.textVoice{
	font-size:11.2px;
	margin-top:24.5px;
}
.voiceTitle{
	font-size:10px;
	line-height:16.8px;
	margin-bottom:16.8px;
}
.voiceName{
	font-size:10px;
	line-height:14.7px;
}

} /*Query End*/
@media only screen and (min-width: 768px) {
.slideTopVoice .slideItem a:hover .voiceThumHover{
	opacity:.79;
}

.slideTopVoice .slideItem a:hover .voiceTextWrap{
	opacity:1;
}

} /*Query End*/