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

.voice_container_in {
	max-width: 985px;
	margin: 0 auto;
}

/*==================================================
  タイトル
===================================*/

.voice_tit {
	display: flex;
}

.voice_tit img {
	width: 90%;
}

.voice_tit_ri {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*==================================================
  サブタイトル
===================================*/

.voice_stit {
	display: flex;
}

.voice_stit_ri{
	flex: 1;
	margin: auto 0;
}

.vol {
	position: relative;
	width:100px;
	height:100px; 
	background: #599c84;
	border-radius: 50%;
	text-align: center;
	margin-right: 20px;
}

/*==================================================
  プロフィール
===================================*/

.voice_pf {
	background: #efefef;
	padding: 20px;
	border-radius: 8px;
}

/*==================================================
  メッセージ
===================================*/

.voice_massage {
	background: #efefef;
	padding: 20px;
	border-radius: 8px;
  text-align: center;
}

/*==================================================
  対談
===================================*/

.qu {
	text-indent: -2.8rem;
    padding-left: 2.8rem;
}

.ans {
    padding-left: 2.8rem;
}

.line {
	letter-spacing:-.2.2em;
	width:2em;
	margin-right:.5em;
}

.conver img {
	max-width: 100%;
}

.imgvol2 img {
	max-width: 80%;
}

/*==================================================
  ボタン
===================================*/

.btn_more {
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn_more a {
	border-radius: 100px;
    display: block;
    width: 350px;
    padding: 15px 15px 16px 28px;
    background: #599C84;
    color: #FFF;
    text-decoration: none;
    text-align: center;
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.1em;
	font-weight: 500;
	line-height: 1.3;
}

.btn_more a:after {
    content: '';
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    display: inline-block;
    width: 5px;
    height: 5px;
    position: absolute;
    right: 25px;
	top: 50%;
    transform: translateY(-50%) rotate(45deg);
}


.btn_more a:before {
    content: url(../../../../images/article/voice_icon.svg);
    border: 0;
    width: 5px;
    height: 5px;
	transform: scale(0.09);
	position: absolute;
	left: 25px;
}


.btn_more img {
	width: 24px;
	padding: 0 9px 0 0;
}

.btn_more_txt {
	vertical-align: center;
}


/*==================================================
  max-width:1024px
===================================*/

@media (max-width:1024px) {
	
.voice_container_in {
	width: 83%;
}
}

/*==================================================
  max-width:767px
===================================*/

@media (max-width:767px) {
	
.vol {
	position: relative;
	width:75px;
	height:75px; 
	background: #599c84;
	border-radius: 50%;
	text-align: center;
	margin-right: 10px;
}	
	
.voice_tit {
	margin: 80px 0 10px 0;
}

.footer_nv {
	display: block;
}

.footer_nv0 {
	width: 100%;
	margin-right: 0;
	justify-content: center;
	margin-bottom: 10px;
}

.footer_nv0 img {
	margin-left: -10px;
}	
	
.footer_nv1 {
	width: 100%;
	margin-right: 0;
	padding: 10px 0;
}	
	
.footer_nv2 {
	width: 100%;
	margin-right: 0;
	padding: 10px 0;
}		
	
.footer_nv3 {
	width: 100%;
	padding: 10px 0;
}
	
.footer_nv3 li {
	padding: 0 40px 0 0;
}
	
.btn_more a {	
	width: 240px;
	padding: 13px 15px 14px 28px;
}
	
.btn_more a:before {
    content: url(../../../../images/article/voice_icon.svg);
    border: 0;
    width: 5px;
    height: 5px;
    left: 20px;
	transform: scale(0.09);
	position: absolute;
	top: 25px;
	left: 20px;
}
}
	
/*==================================================
  max-width:415px
===================================*/

@media (max-width:415px) {
		
}