@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700&display=swap');

/*-----------------------------------------
base
-----------------------------------------*/

.w1200{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}



/*==============================================================
	head_area
==============================================================*/
#voice #head_area {
	background: url(../img/voice/mv_img01.jpg) no-repeat;
	background-size: cover;
	width: 100%;
	height: 36.8636vw;
	position: relative;
	margin-bottom: 60px;
}
#voice #head_area .ttl {
	max-width: 895px;
	width: 100%;
	position: absolute;
	top: 25px;
	left: 0;
}

#voice #head_area .place{
	max-width: 1130px;
	width: 100%;
	position: absolute;
	bottom: -1px;
	right: 0;
	line-height: 1;
}

@media screen and (max-width: 1600px) {
	#voice #head_area {
		margin-bottom: 35px;
	}
	#voice #head_area .ttl{
		max-width: 56%;
	}
	#voice #head_area .place{
		max-width: 71%;
	}
}


@media screen and (max-width:768px) {
	#voice #head_area {
		background: url(../img/voice/mv_img01_sp.jpg) no-repeat;
		background-size: cover;
		width: 100%;
		height: 69.6vw;
	}
	#voice #head_area .ttl {
		max-width: 70%;
		top: 10px;
	}
	#voice #head_area .place{
		max-width: 90%;
	}
}
/*==============================================================
	sec_card
==============================================================*/

 .sec_card .ttl_area h3 {
	font-size: 35px;
	color: #d88500;
	text-align: center;
	margin-bottom: 40px;
 }
 .sec_card .card_area {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px 0;
 }
 .sec_card .card_area li {
	width: 32%;
	box-shadow: 7px 7px 5px 0px rgba(168, 168, 168, 0.3);
 }

 @media screen and (max-width: 768px) {
	.sec_card .ttl_area h3 {
		font-size: 24px;
	 margin-bottom: 25px;
	}
	.sec_card .card_area {
	 gap: 10px 0;
	}
	.sec_card .card_area li {
	 width: 100%;
	}
 
}

/*==============================================================
	anchor_link
==============================================================*/
#voice .anchor_link{
	display: flex;
	gap: 0 25px;
	padding: 95px 0;
	justify-content: space-between;
}

#voice .anchor_link .anchor_box{
	width: 32%;
	border: 2px solid #006430;
	box-shadow: 7px 7px 5px 0px rgba(168, 168, 168, 0.3);
	text-align: center;
	padding: 30px 10px 50px;
	position: relative;
	transition: 0.2s;
}
#voice .anchor_link .anchor_box:nth-child(2){
	border: 2px solid #d88500;
}
#voice .anchor_link .anchor_box:nth-child(3){
	border: 2px solid #082756;
}
#voice .anchor_link .anchor_box:hover{
	opacity: 0.6;
}


#voice .anchor_link .anchor_box .sttl{
	color: #006430;
	font-size: 28px;
	font-weight: 600;
	line-height: 1;
	padding-left: 20px;
	margin-bottom: 20px;
	position: relative;
	display: inline-block;
}
#voice .anchor_link .anchor_box:nth-child(2) .sttl{
	color: #d88500;
}
#voice .anchor_link .anchor_box:nth-child(3) .sttl{
	color: #082756;
}

#voice .anchor_link .anchor_box .sttl::before{
	background: rgb(0,100,48);
	background: linear-gradient(135deg, rgba(0,100,48,1) 0%, rgba(31,191,103,1) 48%, rgba(0,100,48,1) 100%);
	content: "1";
	color: #fff;
	font-size: 22px;
	width: 28px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 4px;
	position: absolute;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
}
#voice .anchor_link .anchor_box:nth-child(2) .sttl::before{
	content: "2";
	background: rgb(216,133,0);
	background: linear-gradient(135deg, rgba(216,133,0,1) 0%, rgba(244,192,118,1) 50%, rgba(216,133,0,1) 100%);
}
#voice .anchor_link .anchor_box:nth-child(3) .sttl::before{
	content: "3";
	background: rgb(8,39,86);
	background: linear-gradient(135deg, rgba(8,39,86,1) 0%, rgba(73,119,186,1) 48%, rgba(8,39,86,1) 100%);
}

#voice .anchor_link .anchor_box .catch{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6;
}
#voice .anchor_link .anchor_box:hover .catch{
	color: #000;
}

#voice .anchor_link .anchor_box::after{
	content: "";
	position: absolute;
	width: 11px;
	height: 11px;
	border-right: 2px solid #006430;
	border-bottom: 2px solid #006430;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%) rotate(45deg);
}
#voice .anchor_link .anchor_box:nth-child(2)::after{
	border-right: 2px solid #d88500;
	border-bottom: 2px solid #d88500;
}
#voice .anchor_link .anchor_box:nth-child(3)::after{
	border-right: 2px solid #082756;
	border-bottom: 2px solid #082756;
}


@media screen and (max-width: 1350px) {
	#voice .anchor_link .anchor_box .sttl{
		font-size: calc((28/1350) * 100vw);
	}
	#voice .anchor_link .anchor_box .sttl::before{
		width: calc((28/1350) * 100vw);
		height: calc((24/1350) * 100vw);
		font-size: calc((22/1350) * 100vw);
	}
	#voice .anchor_link .anchor_box .catch{
		font-size: calc((20/1350) * 100vw);
	}
}

@media screen and (max-width: 1100px) {
	#voice .anchor_link .anchor_box .sttl{
		padding-left: 10px
	}
}

@media screen and (max-width: 900px) {
	#voice .anchor_link .anchor_box .sttl{
		padding-left: 0px
	}
}

@media screen and (max-width: 768px) {
	#voice .anchor_link{
		flex-direction: column;
		gap: 20px 0;
		padding: 50px 0;
	}

	#voice .anchor_link .anchor_box{
		width: 100%;
		box-shadow: 5px 5px 3px 0px rgba(168, 168, 168, 0.3);
		text-align: center;
		padding: 20px 5px 25px;
	}

	#voice .anchor_link .anchor_box .sttl{
		font-size: 21px;
		padding-left: 15px;
		margin-bottom: 15px;
	}

	#voice .anchor_link .anchor_box .sttl::before{
		font-size: 16px;
		width: 22px;
		height: 19px;
		padding-bottom: 3px;
	}
	#voice .anchor_link .anchor_box .catch{
		font-size: 16px;
	}
	#voice .anchor_link .anchor_box::after{
		width: 7px;
		height: 7px;
		bottom: 12px;
	}
}




/*==============================================================
	questionary
==============================================================*/
#voice .questionary{
	background-color: #d4eae0;
	padding: 160px 0 145px;
	position: relative;
}
#voice .questionary .bg01{
	position: absolute;
	max-width: 550px;
	top: 0;
	left: 0;
}
#voice .questionary .bg01 figcaption{
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	position: absolute;
	bottom: 75px;
	left: 30px;
}

#voice .questionary .bg02{
	position: absolute;
	max-width: 1020px;
	bottom: -5px;
	right: 0;
}
#voice .questionary .bg02 figcaption{
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	position: absolute;
	bottom: 15px;
	right: 20px;
}


#voice .questionary .sttl_area{
	margin-bottom: 105px;
	text-align: center;
	position: relative;
}
#voice .questionary .sttl_area .sttl{
	font-size: 35px;
	font-weight: 500;
	color: #006430;
	padding-left: 20px;
	margin-bottom: 45px;
	position: relative;
	display: inline-block;
}
#voice .questionary .sttl_area .sttl::before{
	background: rgb(0,100,48);
	background: linear-gradient(135deg, rgba(0,100,48,1) 0%, rgba(31,191,103,1) 48%, rgba(0,100,48,1) 100%);
	content: "1";
	color: #fff;
	font-size: 35px;
	font-weight: 500;
	width: 42px;
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 8px;
	position: absolute;
	left: -40px;
	top: 50%;
	transform: translateY(-50%);
}

#voice .questionary .sttl_area .catch{
	font-size: 50px;
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: 110px;
}

#voice .questionary .contents_area{
	position: relative;
}

#voice .questionary .contents_area .subtitle{
	font-size: 32px;
	font-weight: 600;
	line-height: 1;
	color: #006430;
	margin-bottom: 65px;
	position: relative;
}
#voice .questionary .contents_area .subtitle::after{
	content: "";
	background: rgb(212,234,224);
	background: linear-gradient(270deg, rgba(212,234,224,1) 0%, rgba(104,179,142,1) 29%, rgba(0,125,62,1) 100%);
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -20px;
	left: 0;
}

#voice .questionary .contents_area .contents_box{
	display: flex;
	gap: 0 30px;
	margin-bottom: 50px;
}
#voice .questionary .contents_area .contents_box:first-of-type{
	margin-bottom: 90px;
}

#voice .questionary .contents_area .contents_box .graph{
	width: 60%;
}
#voice .questionary .contents_area .contents_box .graph figcaption{
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	margin-top: 12px;
}

#voice .questionary .contents_area .contents_box .txt_area{
	width: 40%;
}
#voice .questionary .contents_area .contents_box .txt_area .subtitle{
	font-size: 32px;
	font-weight: 600;
	line-height: 1.7;
	margin-bottom: 45px;
	position: relative;
}
#voice .questionary .contents_area .contents_box .txt_area .subtitle::after{
	content: "";
	background: rgb(212,234,224);
	background: linear-gradient(270deg, rgba(212,234,224,1) 0%, rgba(104,179,142,1) 29%, rgba(0,125,62,1) 100%);
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -20px;
	left: 0;
}
#voice .questionary .contents_area .contents_box .txt_area .txt{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.7;
}


#voice .questionary .contents_area .img_flex{
	display: flex;
	gap: 0 25px;
}
#voice .questionary .contents_area .img_flex .img{
	width: 33%;
}
.img-test{
	aspect-ratio: 763 / 581;
}
.img-test img{
	height: 100%;
	object-fit: cover;
	object-position: center;
}
#voice .questionary .contents_area .img_flex .img figcaption{
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	margin-top: 5px;
}


@media screen and (max-width: 1350px) {
	#voice .questionary .contents_area .subtitle{
		font-size: calc((32/1350) * 100vw);
	}
	#voice .questionary .contents_area .contents_box .txt_area .subtitle{
		font-size: calc((32/1350) * 100vw);
	}
	#voice .questionary .contents_area .contents_box .graph figcaption{
		font-size: calc((12/1350) * 100vw);
	}
	#voice .questionary .contents_area .contents_box .txt_area .txt{
		font-size: calc((18/1350) * 100vw);
	}
	#voice .questionary .contents_area .img_flex .img figcaption{
		font-size: calc((12/1350) * 100vw);
	}
}


@media screen and (max-width: 1000px) {
	#voice .questionary .bg01 figcaption{
		font-size: 10px;
		bottom: 100px;
		left: 20px;
	}
	#voice .questionary .sttl_area .sttl{
		font-size: calc((35/1000) * 100vw);
	}
	#voice .questionary .sttl_area .catch{
		font-size: calc((50/1000) * 100vw);
	}
}



@media screen and (max-width: 768px) {
	#voice .questionary{
		padding: 80px 0 70px;
	}
	#voice .questionary .bg01{
		max-width: calc((170/375) * 100vw);
	}
	#voice .questionary .bg01 figcaption{
		bottom: 10vw;
	}
	#voice .questionary .bg02{
		max-width: calc((250/375) * 100vw);
	}
	#voice .questionary .bg02 figcaption{
		font-size: 10px;
		bottom: 10px;
		right: 15px;
	}

	#voice .questionary .sttl_area{
		margin-bottom: 0px;
	}
	#voice .questionary .sttl_area .sttl{
		font-size: 24px;
		padding-left: 10px;
		margin-bottom: 20px;
	}
	#voice .questionary .sttl_area .sttl::before{
		font-size: 24px;
		font-weight: 500;
		width: 33px;
		height: 27px;
		padding-bottom: 6px;
		left: -30px;
	}

	#voice .questionary .sttl_area .catch{
		font-size: 27px;
		line-height: 1.7;
		margin-bottom: 50px;
	}

	#voice .questionary .contents_area .subtitle{
		font-size: 18px;
		line-height: 1.5;
		margin-bottom: 45px;
	}


	#voice .questionary .contents_area .contents_box{
		flex-direction: column-reverse;
		margin-bottom: 30px;
	}
	#voice .questionary .contents_area .contents_box:first-of-type{
		margin-bottom: 30px;
	}

	#voice .questionary .contents_area .contents_box .graph{
		width: 100%;
		margin-bottom: 25px;
	}
	#voice .questionary .contents_area .contents_box .graph figcaption{
		font-size: 10px;
		margin-top: 5px;
	}

	#voice .questionary .contents_area .contents_box .txt_area{
		width: 100%;
	}
	#voice .questionary .contents_area .contents_box .txt_area .subtitle{
		font-size: 18px;
		line-height: 1;
		margin-bottom: 45px;
	}
	#voice .questionary .contents_area .contents_box .txt_area .txt{
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 30px;
	}

	#voice .questionary .contents_area .contents_box:nth-of-type(2){
		flex-direction: column;
	}



	#voice .questionary .contents_area .img_flex{
		flex-wrap: wrap;
		gap: 20px 10px;
	}
	#voice .questionary .contents_area .img_flex .img{
		width: 48.5%;
	}
	#voice .questionary .contents_area .img_flex .img figcaption{
		font-size: 10px;
	}

}


@media screen and (max-width: 500px) {
	#voice .questionary .bg01 figcaption{
		bottom: auto;
		top: 10px;
		left: 10px;
	}
}




/*==============================================================
	interview01
==============================================================*/
#voice .interview01{
	background-color: #fffedc;
	padding: 160px 0 145px;
	position: relative;
}
#voice .interview01 .bg01{
	position: absolute;
	max-width: 500px;
	top: 0;
	left: 0;
}
#voice .interview01 .bg02{
	position: absolute;
	max-width: 1250px;
	bottom: -5px;
	right: 0;
}
#voice .interview01 .bg02 figcaption{
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	position: absolute;
	bottom: 15px;
	right: 20px;
}


#voice .interview01 .sttl_area{
	margin-bottom: 105px;
	text-align: center;
	position: relative;
}
#voice .interview01 .sttl_area .sttl{
	font-size: 35px;
	font-weight: 500;
	color: #d88500;
	padding-left: 20px;
	margin-bottom: 45px;
	position: relative;
	display: inline-block;
}
#voice .interview01 .sttl_area .sttl::before{
	background: rgb(216,133,0);
	background: linear-gradient(135deg, rgba(216,133,0,1) 0%, rgba(244,192,118,1) 50%, rgba(216,133,0,1) 100%);
	content: "2";
	color: #fff;
	font-size: 35px;
	font-weight: 500;
	width: 42px;
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 8px;
	position: absolute;
	left: -40px;
	top: 50%;
	transform: translateY(-50%);
}

#voice .interview01 .sttl_area .catch{
	font-size: 50px;
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: 110px;
}

#voice .interview01 .contents_area01{
	position: relative;
}

#voice .interview01 .contents_area01 .subtitle{
	font-size: 32px;
	font-weight: 600;
	line-height: 1;
	color: #d88500;
	margin-bottom: 65px;
	position: relative;
}
#voice .interview01 .contents_area01 .subtitle::after{
	content: "";
	background: rgb(255,254,220);
	background: linear-gradient(270deg, rgba(255,254,220,1) 0%, rgba(236,194,110,1) 29%, rgba(216,133,0,1) 100%);
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -20px;
	left: 0;
}

#voice .interview01 .contents_area01 .contents_box01{
	display: flex;
	gap: 0 65px;
	margin-bottom: 60px;
}

#voice .interview01 .contents_area01 .contents_box01 .img{
	width: 46%;
}
#voice .interview01 .contents_area01 .contents_box01 .img figcaption{
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	margin-top: 6px;
}

#voice .interview01 .contents_area01 .contents_box01 .txt_area{
	width: 54%;
}
#voice .interview01 .contents_area01 .contents_box01 .txt_area .catch{
	font-size: 26px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 45px;
}

#voice .interview01 .contents_area01 .contents_box01 .txt_area .txt{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.7;
}


#voice .interview01 .contents_area01 .contents_box02{
	display: flex;
	gap: 0 50px;
	margin-bottom: 75px;
}

#voice .interview01 .contents_area01 .contents_box02 .img{
	width: 52%;
}
#voice .interview01 .contents_area01 .contents_box02 .img figcaption{
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	margin-top: 6px;
	text-align: right;
}

#voice .interview01 .contents_area01 .contents_box02 .txt_area{
	width: 48%;
}
#voice .interview01 .contents_area01 .contents_box02 .txt_area .catch{
	font-size: 26px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 45px;
}

#voice .interview01 .contents_area01 .contents_box02 .txt_area .txt{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.7;
	margin-bottom: 22px;
}
#voice .interview01 .contents_area01 .contents_box02 .txt_area .img_flex{
	display: flex;
	gap: 0 35px;
}
#voice .interview01 .contents_area01 .contents_box02 .txt_area .img_flex .img{
	width: 50%;
}


#voice .interview01 .contents_area01 .contents_box03{
	display: flex;
	gap: 0 40px;
	margin-bottom: 100px;
}

#voice .interview01 .contents_area01 .contents_box03 .img{
	width: 58%;
}
#voice .interview01 .contents_area01 .contents_box03 .img figcaption{
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	margin-top: 6px;
}

#voice .interview01 .contents_area01 .contents_box03 .txt_area{
	width: 42%;
}
#voice .interview01 .contents_area01 .contents_box03 .txt_area .txt{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.7;
}


#voice .interview01 .contents_area02 .contents_box{
	padding: 40px 42px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 4px 4px 3px 0px rgba(175, 175, 175, 0.4);
	display: flex;
	gap: 0 60px;
	position: relative;
}
#voice .interview01 .contents_area02 .contents_box:first-child{
	margin-bottom: 20px;
}

#voice .interview01 .contents_area02 .contents_box .img{
	width: 48%;
}
#voice .interview01 .contents_area02 .contents_box .img figcaption{
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	margin-top: 8px;
}


#voice .interview01 .contents_area02 .contents_box .txt_area{
	width: 52%;
}
#voice .interview01 .contents_area02 .contents_box .txt_area .catch{
	position: relative;
	padding-left: 35px;
	color: #d88500;
	font-size: 23px;
	font-weight: 600;
	margin: 20px 0 50px;
}
#voice .interview01 .contents_area02 .contents_box .txt_area .catch::before{
	content: '';
	position: absolute;
	background-image: url(../img/voice/speech_buble01.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 40px;
	height: 75px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

#voice .interview01 .contents_area02 .contents_box .txt_area .txt{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.7;
}


@media screen and (max-width: 1350px) {
	#voice .interview01 .contents_area01 .subtitle{
		font-size: calc((32/1350) * 100vw);
	}
	#voice .interview01 .contents_area01 .contents_box01 .img figcaption{
		font-size: calc((12/1350) * 100vw);
	}
	#voice .interview01 .contents_area01 .contents_box01 .txt_area .catch{
		font-size: calc((26/1350) * 100vw);
	}
	#voice .interview01 .contents_area01 .contents_box01 .txt_area .txt{
		font-size: calc((18/1350) * 100vw);
	}
	#voice .interview01 .contents_area01 .contents_box02 .img figcaption{
		font-size: calc((12/1350) * 100vw);
	}
	#voice .interview01 .contents_area01 .contents_box02 .txt_area .catch{
		font-size: calc((26/1350) * 100vw);
	}
	#voice .interview01 .contents_area01 .contents_box02 .txt_area .txt{
		font-size: calc((18/1380) * 100vw);
	}
	#voice .interview01 .contents_area01 .contents_box03 .img figcaption{
		font-size: calc((12/1350) * 100vw);
	}
	#voice .interview01 .contents_area01 .contents_box03 .txt_area .txt{
		font-size: calc((18/1350) * 100vw);
	}
	#voice .interview01 .contents_area02 .contents_box .img figcaption{
		font-size: calc((12/1350) * 100vw);
	}
	#voice .interview01 .contents_area02 .contents_box .txt_area .catch{
		font-size: calc((23/1350) * 100vw);
	}
	#voice .interview01 .contents_area02 .contents_box .txt_area .txt{
		font-size: calc((18/1350) * 100vw);
	}}


	@media screen and (max-width: 1100px) {
		#voice .interview01 .sttl_area .catch{
			font-size: calc((50/1100) * 100vw);
		}
	}

@media screen and (max-width: 1000px) {
	#voice .interview01 .sttl_area .sttl{
		font-size: calc((35/1000) * 100vw);
	}
	#voice .interview01 .contents_area02 .contents_box .txt_area .catch{
		padding-left: 20px;
	}
}


@media screen and (max-width: 768px) {
	#voice .interview01{
		padding: 80px 0 70px;
	}
	#voice .interview01 .bg01{
		max-width: calc((160/375) * 100vw);
	}
	#voice .interview01 .bg02{
		max-width: calc((280/375) * 100vw);
	}
	#voice .interview01 .bg02 figcaption{
		font-size: 10px;
		bottom: 10px;
		right: 15px;
	}


	#voice .interview01 .sttl_area{
		margin-bottom: 0px;
	}
	#voice .interview01 .sttl_area .sttl{
		font-size: 24px;
		padding-left: 10px;
		margin-bottom: 20px;
	}
	#voice .interview01 .sttl_area .sttl::before{
		font-size: 24px;
		font-weight: 500;
		width: 33px;
		height: 27px;
		padding-bottom: 6px;
		left: -30px;
	}

	#voice .interview01 .sttl_area .catch{
		font-size: 27px;
		line-height: 1.7;
		margin-bottom: 50px;
	}

	#voice .interview01 .contents_area01 .subtitle{
		font-size: 18px;
		line-height: 1.5;
		margin-bottom: 45px;
	}



	#voice .interview01 .contents_area01 .contents_box01{
		margin-bottom: 50px;
		flex-direction: column-reverse;
	}

	#voice .interview01 .contents_area01 .contents_box01 .img{
		width: 100%;
	}
	#voice .interview01 .contents_area01 .contents_box01 .img figcaption{
		font-size: 10px;
		margin-top: 5px;
	}

	#voice .interview01 .contents_area01 .contents_box01 .txt_area{
		width: 100%;
	}
	#voice .interview01 .contents_area01 .contents_box01 .txt_area .catch{
		font-size: 16px;
		margin-bottom: 20px;
	}

	#voice .interview01 .contents_area01 .contents_box01 .txt_area .txt{
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 20px;
	}


	#voice .interview01 .contents_area01 .contents_box02{
		flex-direction: column;
		margin-bottom: 50px;
	}

	#voice .interview01 .contents_area01 .contents_box02 .img{
		width: 100%;
	}
	#voice .interview01 .contents_area01 .contents_box02 .img figcaption{
		font-size: 10px;
		margin-top: 5px;
		text-align: left;
	}

	#voice .interview01 .contents_area01 .contents_box02 .txt_area{
		width: 100%;
	}
	#voice .interview01 .contents_area01 .contents_box02 .txt_area .catch{
		font-size: 16px;
		margin-bottom: 20px;
	}

	#voice .interview01 .contents_area01 .contents_box02 .txt_area .txt{
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	#voice .interview01 .contents_area01 .contents_box02 .txt_area .img_flex{
		gap: 0 5px;
		margin-bottom: 25px;
	}
	#voice .interview01 .contents_area01 .contents_box02 .txt_area .img_flex .img{
		width: 50%;
	}


	#voice .interview01 .contents_area01 .contents_box03{
		margin-bottom: 50px;
		flex-direction: column-reverse;
	}

	#voice .interview01 .contents_area01 .contents_box03 .img{
		width: 100%;
	}
	#voice .interview01 .contents_area01 .contents_box03 .img figcaption{
		font-size: 10px;
		margin-top: 5px;
	}

	#voice .interview01 .contents_area01 .contents_box03 .txt_area{
		width: 100%;
	}
	#voice .interview01 .contents_area01 .contents_box03 .txt_area .txt{
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 20px;
	}


	#voice .interview01 .contents_area02 .contents_box{
		padding: 20px;
		border-radius: 15px;
		gap: 0 60px;
		flex-direction: column-reverse;
	}
	#voice .interview01 .contents_area02 .contents_box:first-child{
		margin-bottom: 20px;
	}

	#voice .interview01 .contents_area02 .contents_box .img{
		width: 100%;
	}
	#voice .interview01 .contents_area02 .contents_box .img figcaption{
		font-size: 10px;
		line-height: 1.5;
		margin-top: 5px;
	}


	#voice .interview01 .contents_area02 .contents_box .txt_area{
		width: 100%;
	}
	#voice .interview01 .contents_area02 .contents_box .txt_area .catch{
		font-size: 15px;
		line-height: 1.4;
		margin: 10px 0 30px;
	}
	#voice .interview01 .contents_area02 .contents_box .txt_area .catch::before{
		width: 30px;
		height: 60px;
	}

	#voice .interview01 .contents_area02 .contents_box .txt_area .txt{
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 20px;
	}


}



/*==============================================================
	interview02
==============================================================*/
#voice .interview02{
	background-color: #e9feff;
	padding: 160px 0 145px;
	margin-bottom: 80px;
	position: relative;
}

#voice .interview02 .bg01{
	position: absolute;
	max-width: 1100px;
	bottom: -5px;
	right: 0;
}
#voice .interview02 .bg01 figcaption{
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	position: absolute;
	bottom: 15px;
	right: 20px;
}


#voice .interview02 .sttl_area{
	margin-bottom: 105px;
	text-align: center;
	position: relative;
}
#voice .interview02 .sttl_area .sttl{
	font-size: 35px;
	font-weight: 500;
	color: #082756;
	padding-left: 20px;
	margin-bottom: 45px;
	position: relative;
	display: inline-block;
}
#voice .interview02 .sttl_area .sttl::before{
	background: rgb(8,39,86);
	background: linear-gradient(135deg, rgba(8,39,86,1) 0%, rgba(73,119,186,1) 48%, rgba(8,39,86,1) 100%);
	content: "3";
	color: #fff;
	font-size: 35px;
	font-weight: 500;
	width: 42px;
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 8px;
	position: absolute;
	left: -40px;
	top: 50%;
	transform: translateY(-50%);
}

#voice .interview02 .sttl_area .catch{
	font-size: 45px;
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: 110px;
}

#voice .interview02 .contents_area01{
	position: relative;
}

#voice .interview02 .contents_area01 .subtitle{
	font-size: 32px;
	font-weight: 600;
	line-height: 1;
	color: #082756;
	margin-bottom: 65px;
	position: relative;
}
#voice .interview02 .contents_area01 .subtitle::after{
	content: "";
	background: rgb(225,246,255);
	background: linear-gradient(270deg, rgba(225,246,255,1) 0%, rgba(117,143,171,1) 30%, rgba(8,39,86,1) 100%);
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -20px;
	left: 0;
}

#voice .interview02 .contents_area01 .contents_box01{
	display: flex;
	gap: 0 40px;
	margin-bottom: 80px;
}

#voice .interview02 .contents_area01 .contents_box01 .img{
	width: 58%;
}
#voice .interview02 .contents_area01 .contents_box01 .img figcaption{
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	margin-top: 6px;
}

#voice .interview02 .contents_area01 .contents_box01 .txt_area{
	width: 42%;
}
#voice .interview02 .contents_area01 .contents_box01 .txt_area .catch{
	font-size: 24px;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 40px;
}

#voice .interview02 .contents_area01 .contents_box01 .txt_area .txt{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.7;
}
#voice .interview02 .contents_area01 .contents_box01 .txt_area .img{
	margin-top: 20px;
	width: 100%;
}

#voice .interview02 .contents_area01 .contents_box02{
	display: flex;
	gap: 0 40px;
	margin-bottom: 50px;
}

#voice .interview02 .contents_area01 .contents_box02 .img{
	width: 40%;
}
#voice .interview02 .contents_area01 .contents_box02 .img figcaption{
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	margin-top: 6px;
	text-align: right;
}

#voice .interview02 .contents_area01 .contents_box02 .txt_area{
	width: 60%;
}
#voice .interview02 .contents_area01 .contents_box02 .txt_area .catch{
	font-size: 24px;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 30px;
}

#voice .interview02 .contents_area01 .contents_box02 .txt_area .txt{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.7;
	margin-bottom: 15px;
}


#voice .interview02 .contents_area02{
	position: relative;
	padding: 36px 40px;
	background: #fff;
	border-radius: 28px;
}
#voice .interview02 .contents_area02 .subtitle{
	color: #082756;
	font-size: 32px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	margin-bottom: 45px;
}

#voice .interview02 .contents_area02 .contents_box{
	display: flex;
	gap: 0 40px;
	margin-bottom: 50px;
}

#voice .interview02 .contents_area02 .contents_box .img{
	width: 43%;
}
#voice .interview02 .contents_area02 .contents_box .img figcaption{
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	margin-top: 8px;
}


#voice .interview02 .contents_area02 .contents_box .txt_area{
	width: 56%;
}

#voice .interview02 .contents_area02 .contents_box .txt_area .txt{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.7;
}


#voice .interview02 .contents_area02 .img_flex{
	display: flex;
	gap: 0 25px;
}

#voice .interview02 .contents_area02 .img_flex .img{
	width: 33%;
}
#voice .interview02 .contents_area02 .img_flex  figcaption{
	font-size: 12px;
	font-weight: 500;
	line-height: 1.6;
	margin-top: 6px;
}


@media screen and (max-width: 1350px) {
	#voice .interview02 .sttl_area .catch{
		font-size: calc((45/1350) * 100vw);
	}
	#voice .interview02 .contents_area01 .subtitle{
		font-size: calc((32/1350) * 100vw);
	}
	#voice .interview02 .contents_area01 .contents_box01 .img figcaption{
		font-size: calc((12/1350) * 100vw);
	}
	#voice .interview02 .contents_area01 .contents_box01 .txt_area .catch{
		font-size: calc((24/1350) * 100vw);
	}
	#voice .interview02 .contents_area01 .contents_box01 .txt_area .txt{
		font-size: calc((18/1350) * 100vw);
	}
	#voice .interview02 .contents_area01 .contents_box02 .img figcaption{
		font-size: calc((12/1350) * 100vw);
	}
	#voice .interview02 .contents_area01 .contents_box02 .txt_area .catch{
		font-size: calc((24/1350) * 100vw);
	}
	#voice .interview02 .contents_area01 .contents_box02 .txt_area .txt{
		font-size: calc((18/1350) * 100vw);
	}
	#voice .interview02 .contents_area02 .subtitle{
		font-size: calc((32/1350) * 100vw);
	}
	#voice .interview02 .contents_area02 .contents_box .img figcaption{
		font-size: calc((12/1350) * 100vw);
	}
	#voice .interview02 .contents_area02 .contents_box .txt_area .txt{
		font-size: calc((18/1350) * 100vw);
	}
	#voice .interview02 .contents_area02 .img_flex  figcaption{
		font-size: calc((12/1350) * 100vw);
	}
}


@media screen and (max-width: 1000px) {
	#voice .interview02 .sttl_area .sttl{
		font-size: calc((35/1000) * 100vw);
	}
}

@media screen and (max-width: 768px) {
	#voice .interview02{
		padding: 80px 0 70px
	}

	#voice .interview02 .bg01{
		max-width: calc((250/375) * 100vw);
	}
	#voice .interview02 .bg01 figcaption{
		font-size: 10px;
		bottom: 10px;
		right: 15px;
	}


	#voice .interview02 .sttl_area{
		margin-bottom: 0px;
	}
	#voice .interview02 .sttl_area .sttl{
		font-size: 24px;
		padding-left: 10px;
		margin-bottom: 20px;
	}
	#voice .interview02 .sttl_area .sttl::before{
		font-size: 24px;
		font-weight: 500;
		width: 33px;
		height: 27px;
		padding-bottom: 6px;
		left: -30px;
	}

	#voice .interview02 .sttl_area .catch{
		font-size: 24px;
		line-height: 1.7;
		margin-bottom: 50px;
	}

	#voice .interview02 .contents_area01 .subtitle{
		font-size: 18px;
		line-height: 1.5;
		margin-bottom: 45px;
	}



	#voice .interview02 .contents_area01 .contents_box01{
		margin-bottom: 50px;
		flex-direction: column-reverse;
	}

	#voice .interview02 .contents_area01 .contents_box01 .img{
		width: 100%;
	}
	#voice .interview02 .contents_area01 .contents_box01 .img figcaption{
		font-size: 10px;
		margin-top: 5px;
	}

	#voice .interview02 .contents_area01 .contents_box01 .txt_area{
		width: 100%;
	}
	#voice .interview02 .contents_area01 .contents_box01 .txt_area .catch{
		font-size: 16px;
		margin-bottom: 20px;
	}

	#voice .interview02 .contents_area01 .contents_box01 .txt_area .txt{
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	#voice .interview02 .contents_area01 .contents_box01 .txt_area .img{
		margin-bottom: 25px;
	}

	#voice .interview02 .contents_area01 .contents_box02{
		flex-direction: column;
	}

	#voice .interview02 .contents_area01 .contents_box02 .img{
		width: 100%;
	}
	#voice .interview02 .contents_area01 .contents_box02 .img figcaption{
		font-size: 10px;
		margin-top: 5px;
		text-align: left;
	}

	#voice .interview02 .contents_area01 .contents_box02 .txt_area{
		width: 100%;
	}
	#voice .interview02 .contents_area01 .contents_box02 .txt_area .catch{
		font-size: 16px;
		margin-bottom: 20px;
	}

	#voice .interview02 .contents_area01 .contents_box02 .txt_area .txt{
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 20px;
	}


	#voice .interview02 .contents_area02{
		padding: 25px;
		border-radius: 20px;
	}
	#voice .interview02 .contents_area02 .subtitle{
		font-size: 18px;
		margin-bottom: 30px;
	}

	#voice .interview02 .contents_area02 .contents_box{
		margin-bottom: 30px;
		flex-direction: column-reverse;
	}

	#voice .interview02 .contents_area02 .contents_box .img{
		width: 100%;
	}
	#voice .interview02 .contents_area02 .contents_box .img figcaption{
		font-size: 10px;
		margin-top: 5px;
	}


	#voice .interview02 .contents_area02 .contents_box .txt_area{
		width: 100%;
	}

	#voice .interview02 .contents_area02 .contents_box .txt_area .txt{
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 20px;
	}


	#voice .interview02 .contents_area02 .img_flex{
		gap: 20px 5px;
		flex-wrap: wrap;
	}

	#voice .interview02 .contents_area02 .img_flex .img{
		width: 49%;
	}
	#voice .interview02 .contents_area02 .img_flex  figcaption{
		font-size: 10px;
		margin-top: 5px;
	}

}