@charset "UTF-8";




/*********** 共通 *************/

main {
	font-family:'Noto Serif JP', serif;
}

article {
	font-family:'Noto Serif JP', serif;
}

/*********** ↑共通 *************/




.voice_bg01 {
	background: linear-gradient(180deg, #EBF4F7 50%, #BCDBE4);
	padding-top: 60px;
	padding-bottom: 100px;
}

.voice_01-wrap {
	max-width: 900px;
	margin: 0 auto;
}

.voice_bt-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 50px;
}

.voice_bt-wrap li {
	width: 30%;
	margin: 15px;
	margin-top: 30px;
}






/*********** voice共通 *************/

.voice_bg {
	background: linear-gradient(180deg, #1A97A1, #CCE8EA);
	border-top: 2px solid #BF9C46;
	padding-top: 60px;
	padding-bottom: 100px;
}

.voice_title-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.voice_title-wrap li:nth-child(1) {
	width: 22.08%;
}

.voice_title-wrap li:nth-child(2) {
	width: 77.08%;
}

.voice_mc {
	margin-top: 20px;
}

.voice_title-wrap .txt {
	color: #fff;
	font-size: 2.0rem;
	line-height: 1.6;
	margin-top: 20px;
}

.message-wrap {
	max-width: 760px;
	margin: 0 auto;
	margin-top: 100px;
}

.message-wrap .ttl {
	display: flex;
	align-items: center;
	color: #A30022;
	font-size: 3.0rem;
}

.message-wrap .ttl:before {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
	margin-right: 0.5em;
	background: #A30022;
}

.message-wrap .ttl:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
	margin-left: 0.5em;
	background: #A30022;
}

.message {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	margin-top: 30px;
}

/*********** ↑voice共通 *************/




/*********** voice1 *************/

.voice1_01-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 60px;
}

.voice1_01-wrap > li:nth-child(1) {
	width: 40.83%;
}

.voice1_01-wrap > li:nth-child(2) {
	width: 52%;
}

.voice1_02-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.voice1_02-wrap li {
	width: 48.88%;
}

.voice1_02-wrap li:nth-child(n+3) {
	margin-top: 15px;
}

.voice1-copy .txt1 {
	font-size: 2.4rem;
	line-height: 1.5;
	margin-top: 20px;
	margin-bottom: 20px;
}

.voice1-copy .txt2-wrap {
	display: flex;
	align-items: center;
}

.voice1-copy .txt2-wrap:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
	background: #fff;
}


.voice1-copy .txt2 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.8rem;
	line-height: 1.5;
	text-align: center;
	background: #fff;
	width: 16em;
	border-radius: 20px;
	padding: 10px 5px;
}

.voice1-copy .txt3 {
	font-family: 'Noto Sans JP', sans-serif;
	color: #A30022;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.5;
	margin-top: 20px;
}

.voice1-copy .txt4 {
	text-align: justify;
	margin-top: 10px;
}

/*********** ↑voice1 *************/







/*********** voice2 *************/

.voice2_01-wrap {
	display: grid;
	grid-template-columns: 58.92% 39.33%;
	grid-template-rows: auto auto;
	justify-content: space-between;
	margin-top: 60px;
}

.voice2_01-wrap li:nth-child(1) {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}

.voice2_01-wrap li:nth-child(2) {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}

.voice2_01-wrap li:nth-child(3) {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	align-self: flex-end;
}

.voice2_obj {
	width: 53%;
	margin-left: 47%;
	margin-top: -30px;
}

.voice2-copy .ttl {
	color: #A30022;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.5;
}

.voice2-copy .txt {
	text-align: justify;
	margin-top: 20px;
}

.voice2-copy .ttl.s {
	font-size: 1.8rem;
}

.voice2-copy .txt.s {
	line-height: 1.7;
	letter-spacing: 0;
}

.voice2_02-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}

.voice2_02-wrap > li {
	width: 48.5%;
}

.voice2_02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.voice2_02 li:nth-child(1) {
	width: 56.19%;
}

.voice2_02 li:nth-child(2) {
	width: 41.24%;
}

.voice2_03 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.voice2_03 li:nth-child(1) {
	width: 56.19%;
}

.voice2_03 li:nth-child(2) {
	width: 41.24%;
}

/*********** ↑voice2 *************/






/*********** voice3 *************/

.voice3_01-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}

.voice3_01-wrap li {
	width: 49.58%;
	margin-top: 10px;
}

.voice3-copy {
	font-size: 3.4rem;
	line-height: 1.5;
	text-align: center;
}

.voice3_06-wrap {
	margin-top: 30px;
}

/*********** ↑voice3 *************/





/*********** voice4 *************/

.voice4_02-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1140px;
	margin: 0 auto;
	margin-top: 60px;
}

.voice4_02-wrap li {
	width: 47.72%;
}

/*********** ↑voice4 *************/





/*********** voice5 *************/

.voice5_cont-bg {
	background: #fff;
	padding: 55px;
	margin-top: 30px;
}

.voice5_01-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1035px;
	margin: 0 auto;
	margin-top: 60px;
}

.voice5_01-wrap li:nth-child(1) {
	width: 49.57%;
}

.voice5_01-wrap li:nth-child(2) {
	width: 44.25%;
}

.voice5_cont-bg .ttl {
	color: #fff;
	font-size: 2.2rem;
	line-height: 1.3;
	text-align: center;
	background: #1E528D;
	padding: 10px;
	margin-top: 80px;
}

.voice5_cont-bg .txt {
	text-align: justify;
	margin-top: 20px;
}

/*********** ↑voice5 *************/












.anc_no1,
.anc_no2,
.anc_no3,
.anc_no4,
.anc_no5 {
	display: block;
    padding-top: 140px;
	margin-top: -140px;
}