@charset "utf-8";

/* common */
.bg__bluegray { background-color: #c8e7e9; padding: 30px 0; }
.bg__warm { background-color: #F8E7D9; padding: 30px 0; }

.discussion_ttl > img,
.kv > img { width: 100%; height: auto; vertical-align: top; }

.main_kv > .inner { padding-bottom: 0!important; }

.discussion_ttl { max-width: calc(1372px / 2); margin: 0 auto 18px; }

/* Profile */
.profiles { display: flex; }
.profiles .profile .profile__text > p { font-size: 1.4rem; padding: 0; margin: 0; }
.vol1 .profiles { align-items: flex-end; gap: 2%; }
.vol1 .profiles .profile .wrap { position: relative; }
.vol1 .profiles .profile .profile__img { position: absolute; bottom: 0; left: 0; z-index: 1; }
.vol1 .profiles .profile .profile__img > img { width: auto; height: 100%; }
.vol1 .profiles .profile .profile__text { position: absolute; right: 0; bottom: 0; }
.vol1 .profiles .profile .profile__name { text-align: center; line-height: 1; display: inline-block; }
.vol1 .profiles .profile .profile__name > img { width: 100%; height: auto; }
			
.ttl__discussion { display: inline-block; margin: 0 auto; }
.ttl__discussion > div .vol { font-size: min(7vw, 3.7rem); font-weight: bold; }
.ttl__discussion h2 { font-size: min(6vw, 4.5rem); line-height: 1.2;  color: #fff; }

/* question and answer */
.question:not(:last-child) { margin-bottom: 80px; }
.question h3 {
	font-size: min(5.5vw, 2.8rem);
	line-height: 1.2;
	letter-spacing: 0.2rem;
	color: #fff;
	margin-bottom: min(10vw, 80px);
}
.question h3 > span {
	display: inline-block;
	background-color: #0078a0;
	padding: 16px;
	position: relative;
}
.question h3 > span::after {
	 content: ''; display: block; width: 100%; height: 100%; border-right: 4px solid #0078a0; border-bottom: 4px solid #0078a0; position: absolute; right: -8px; bottom: -8px; 
}

.question .asnwer_wrap { position: relative; z-index: 1; }

.question .answer {}
.question .answer:not(:last-child) { margin-bottom: 40px; }

.question .answer.answer_left,
.question .answer.answer_right { display: flex; /*flex-wrap: wrap;*/ }
.question .answer.answer_right { justify-content: end; }

/* profile image */
.question .answer.answer_left::before,
.question .answer.answer_right::after { content: ''; display: block; width: 130px; height: 130px; background-color: #ccc; border-radius: 50%; }

/* vol1 */
.question .answer.matsuda.answer_left::before,
.question .answer.matsuda.answer_right::after {
	background: url('../../voice/discussion/img/icon_matsuda.png') center center no-repeat;
	background-size: contain;
}
.question .answer.sakai.answer_left::before,
.question .answer.sakai.answer_right::after {
	background: url('../../voice/discussion/img/icon_sakai.png') center center no-repeat;
	background-size: contain;
}
.question .answer.soneda.answer_left::before,
.question .answer.soneda.answer_right::after {
	background: url('../../voice/discussion/img/icon_soneda.png') center center no-repeat;
	background-size: contain;
}

/* fukidashi */
.fukidashi p { margin: 0; }
.fukidashi { position: relative; margin-right: 4px; margin-bottom: 6px; }
.fukidashi > div, .fukidashi::before { background-color: #fff; border: 2px solid #000; border-radius: 48px; }
.fukidashi > div { padding: min(7vw, 32px); position: relative; z-index: 1; }
.fukidashi::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; right: -4px; bottom: -6px; }
.answer_right .fukidashi::before { right: 4px; }

/* わたしのChange */
.my-change h4 { max-width: calc(1250px / 2); text-align: center; margin: 0 auto 36px; }
.my-change h4 > img { width: 100%; height: auto; }

.letters { max-width: 780px; margin: auto; }
.letters .letter { position: relative; margin-top: 44px; border-top: 1px solid #ccc; }
.letters .letter p.line {
	color: transparent;
	line-height: 1;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.letters .letter p.line span {
	display: inline-block;
	height: 44px;
}

/* common */
.letters .letter::before {
	position: absolute;
	right: 0;
	bottom: 0;
	content: '';
	display: block;
	width: 110px;
	height: 220px;
}

/* matsuda */
.letters .letter.matsuda::before {
	background: url('../../voice/discussion/img/profile_matsuda.png') center center no-repeat;
	background-size: contain;
}
.letters .letter.matsuda p.line.line01 span.line01-1 {
	background: url('../../voice/discussion/img/my-change_matsuda/line01-01.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.matsuda p.line.line01 span.line01-2 {
	background: url('../../voice/discussion/img/my-change_matsuda/line01-02.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.matsuda p.line.line01 span.line01-3 {
	background: url('../../voice/discussion/img/my-change_matsuda/line02.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.matsuda p.line.line02 span.line02-1 {
	background: url('../../voice/discussion/img/my-change_matsuda/line03-01.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.matsuda p.line.line02 span.line02-2 {
	background: url('../../voice/discussion/img/my-change_matsuda/line03-02.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.matsuda p.line.line03 span {
	background: url('../../voice/discussion/img/my-change_matsuda/line04.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.matsuda p.line.line04 span {
	background: url('../../voice/discussion/img/my-change_matsuda/line05.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.matsuda p.line.line05 span.line05-1 {
	background: url('../../voice/discussion/img/my-change_matsuda/line06-01.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.matsuda p.line.line05 span.line05-2 {
	background: url('../../voice/discussion/img/my-change_matsuda/line06-02.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.matsuda p.line.line06 span {
	background: url('../../voice/discussion/img/my-change_matsuda/line07.svg') left center no-repeat;
	background-size: contain;
}


/* sakai */
.letters .letter.sakai::before {
	background: url('../../voice/discussion/img/profile_sakai.png') center center no-repeat;
	background-size: contain;
}
.letters .letter.sakai p.line.line01 span.line01-1 {
	background: url('../../voice/discussion/img/my-change_sakai/line01-01.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.sakai p.line.line01 span.line01-2 {
	background: url('../../voice/discussion/img/my-change_sakai/line01-02.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.sakai p.line.line02 span.line02-1 {
	background: url('../../voice/discussion/img/my-change_sakai/line02-01.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.sakai p.line.line02 span.line02-2 {
	background: url('../../voice/discussion/img/my-change_sakai/line02-02.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.sakai p.line.line03 span {
	background: url('../../voice/discussion/img/my-change_sakai/line03.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.sakai p.line.line04 span.line04-1 {
	background: url('../../voice/discussion/img/my-change_sakai/line04-01.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.sakai p.line.line04 span.line04-2 {
	background: url('../../voice/discussion/img/my-change_sakai/line04-02.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.sakai p.line.line05 span {
	background: url('../../voice/discussion/img/my-change_sakai/line05.svg') left center no-repeat;
	background-size: contain;
}


/* soneda */
.letters .letter.soneda::before {
	background: url('../../voice/discussion/img/profile_soneda.png') center center no-repeat;
	background-size: contain;
}
.letters .letter.soneda p.line.line01 span.line01-1 {
	background: url('../../voice/discussion/img/my-change_soneda/line01-01.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.soneda p.line.line01 span.line01-2 {
	background: url('../../voice/discussion/img/my-change_soneda/line01-02.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.soneda p.line.line02 span.line02-1 {
	background: url('../../voice/discussion/img/my-change_soneda/line02-01.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.soneda p.line.line02 span.line02-2 {
	background: url('../../voice/discussion/img/my-change_soneda/line02-02.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.soneda p.line.line03 span {
	background: url('../../voice/discussion/img/my-change_soneda/line03.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.soneda p.line.line04 span.line04-1 {
	background: url('../../voice/discussion/img/my-change_soneda/line04-01.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.soneda p.line.line04 span.line04-2 {
	background: url('../../voice/discussion/img/my-change_soneda/line04-02.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.soneda p.line.line05 span.line05-1 {
	background: url('../../voice/discussion/img/my-change_soneda/line05-01.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.soneda p.line.line05 span.line05-2 {
	background: url('../../voice/discussion/img/my-change_soneda/line05-02.svg') left center no-repeat;
	background-size: contain;
}
.letters .letter.soneda p.line.line05 span.line05-3 {
	background: url('../../voice/discussion/img/my-change_soneda/line05-03.svg') left center no-repeat;
	background-size: contain;
}

@media screen and (min-width: 769px), print {
  .profiles .profile .profile__text {
    border: 2px solid #000;
		border-radius: 32px;
		background-color: #fff;
		padding: 24px;
	}
  
	.vol1 .profiles .profile { width: 32%; }
	.vol1 .profiles .profile .wrap { padding-top: 280px; }
	.vol1 .profiles .profile .profile__img { height: calc(440px / 2); }
  .vol1 .profiles .profile .profile__text { padding-left: 48px; width: 80%; }
	.vol1 .profiles .profile .profile__name { margin-top: 36px; margin-left: 40px; padding: 0 32px 12px; width: 220px; }
	
	.ttl__discussion > div .vol { color: #fff; }
	.ttl__discussion > div { background-color: #0078a0; padding: 16px 32px; display: flex; align-items: center; position: relative; }
	.ttl__discussion > div::after { content: ''; display: block; width: 100%; height: 100%; border-right: 4px solid #0078a0; border-bottom: 4px solid #0078a0; position: absolute; right: -8px; bottom: -8px; }
	
	.question { width: 1100px; margin-left: auto; margin-right: auto; }
	
	.question .answer.answer_left,
	.question .answer.answer_right {
		/*gap: 8%;*/
		align-items: center;
	}
  .question .answer.answer_left::before { margin-right: 68px; }
  .question .answer.answer_right::after { margin-left: 64px; }
	.question .answer.answer_left { margin-right: 12%; }
	.question .answer.answer_right { margin-left: 14%; }
	
	/* fukidashi */
	.fukidashi { width: 70%; }
  .vol2 .fukidashi { width: 80%; }
	
	.answer_left .fukidashi > div::before,
	.answer_right .fukidashi > div::before {
		content: '';
		display: block;
		width: 60px;
		height: 70px;
		position: absolute;
		bottom: 48px;
	}
	.answer_left .fukidashi > div::before {
		background: url('../../voice/discussion/img/fukidashi-left.svg') center center no-repeat;
		background-size: contain;
		left: -58px;
	}
	.answer_right .fukidashi > div::before {
		background: url('../../voice/discussion/img/fukidashi-right.svg') center center no-repeat;
		background-size: contain;
		position: absolute;
		right: -58px;
	}

	.answer_left .fukidashi::after,
	.answer_right .fukidashi::after {
		content: '';
		display: block;
		width: 60px;
		height: 70px;
		position: absolute;
	}
	.answer_left .fukidashi::after {	
		background: url('../../voice/discussion/img/fukidashi-left.svg') center center no-repeat;
		background-size: contain;
		left: -54px;
		bottom: 46px;
	}
	.answer_right .fukidashi::after {
		background: url('../../voice/discussion/img/fukidashi-right.svg') center center no-repeat;
		background-size: contain;
		right: -54px;
		bottom: 48px;
	}
	
	.vol1 .question.q3 { position: relative; z-index: 1; }
	.vol1 .question.q3 .answer { margin-right: 44%!important; }
	.vol1 .question.q3 figure { position: absolute; right: 0; top: 60%; width: 50%; z-index: -1; transform: translateY(-40%); }
	
	.vol1 .question.q5 .asnwer_wrap .answer { margin-right: 40%!important; }
	.vol1 .question.q5 .asnwer_wrap figure { position: absolute; right: 0; top: 0; width: 50%; z-index: -1; }
	
	.letters .letter p.line { padding-left: 16px; }
}

.br_btm { border-bottom: 1px solid #ccc; }

@media screen and (max-width: 768px) {
	.profiles { flex-wrap: wrap; }
	.profiles .profile { width: 100%; }
	.profiles .profile:not(:last-child) { margin-bottom: 8%; }
	.profiles .profile .wrap { padding-top: 220px; }
	.vol1 .profiles .profile .profile__img { height: 150px; }
	.profiles .profile .profile__text { width: 90%; }
	.profiles .profile .profile__text p {
		border: 2px solid #000;
		border-radius: 32px;
		background-color: #fff;
		padding: 12px 24px 12px 48px;
	}
	.profiles .profile .profile__name { width: 180px; margin-left: 32px; padding: 12px 16px 8px; }
  
  .profile.soneda { margin-top: 8%; }
	
	.ttl__discussion > div .vol { color: #0078a0; }
	.ttl__discussion > div > h2 { background-color: #0078a0; padding: 16px; display: flex; align-items: center; position: relative; }
	.ttl__discussion > div > h2::after { content: ''; display: block; width: 100%; height: 100%; border-right: 4px solid #0078a0; border-bottom: 4px solid #0078a0; position: absolute; right: -8px; bottom: -8px; }
	
	.question h3,
	.question .answer { padding-left: 4%; padding-right: 4%; }
	
	.question .answer.answer_right .fukidashi { order: 2; }
	.question .answer.answer_right::after { order: 1; margin-left: auto; }
  
  .question .answer.answer_left,
  .question .answer.answer_right { flex-wrap: wrap; }
	
	.question .answer::before, .question .answer::after { margin-bottom: 4%; }
	
	.letters .letter.matsuda p.line.line04,
	.letters .letter.matsuda p.line.line05,
	.letters .letter.sakai p.line.line04,
	.letters .letter.soneda p.line.line04,
	.letters .letter.soneda p.line.line05 { padding-right: 110px; }
	
	.vol1 .line02-1.br_btm,
	.vol1 .line04-1.br_btm,
	.vol1 .line05-1.br_btm,
	.vol1 .line05-2.br_btm { border-bottom: 0; }
}

@media screen and (max-width: 480px) {
	.vol1 .line02-1.br_btm,
	.vol1 .line04-1.br_btm,
	.vol1 .line05-1.br_btm,
	.vol1 .line05-2.br_btm { border-bottom: 1px solid #ccc; }
}


/* ---------- 241220 add ---------- */
.page-btm__btn { justify-content: center;margin-top: 40px; }

.voice-links { font-size: min(4vw, 1.7rem); font-weight: 500; position: fixed; top: min(12vw, 120px); left: 0; z-index: 2; }
.voice-links ul {}
.voice-links li { background-color: #000; color: #fff; transition: background ease 0.3s; }
.voice-links li:not(.current):hover { background: -moz-linear-gradient(180deg, #4bcfbd 0%, #0093c4 77%); background: -webkit-linear-gradient(180deg, #4bcfbd 0%, #0093c4 77%); background: -ms-linear-gradient(180deg, #4bcfbd 0%, #0093c4 77%); }
.voice-links li:not(:first-child) { visibility: hidden; height: 0; opacity: 0; transition: all ease 0.3s; }
.voice-links:hover li:not(:first-child),
.voice-links:focus-within li:not(:first-child) { visibility: visible; height: auto; opacity: 1; }
.voice-links li.current { background-color: #0078a0; }
.voice-links li.current a::after { content: '現在のページ'; font-size: min(3vw, 1.2rem); line-height: 1; color: #000; vertical-align: baseline; background-color: #fff; border-radius: 2px; padding: 2px 6px; margin-left: 8px; }
.vol1 .voice-links li.current { background-color: #0078a0; }
.vol2 .voice-links li.current { background-color: #FF4B30; }
.voice-links li a { display: block; width: 100%; height: 100%; color: #fff; padding:  6px 12px 6px 24px; transition: background ease 0.3s; }
.voice-links li a[href=""] { pointer-events: none; }

/* key visual */
.kv { margin-bottom: 8%; }
.vol2 .kv { margin-bottom: 12px; }

.vol2 .profiles .profile .profile__img img { width: 100%; height: auto; object-fit: contain; vertical-align: top; }
.vol2 .profiles .profile .profile__text { width: 100%; margin-top: -40px; position: relative; }

/* talk */
.vol2 .question .answer.answer_left::before,
.vol2 .question .answer.answer_right::after { border-radius: 0; }
@media screen and (min-width: 769px), print {
  main.vol2 { font-size: 1.7rem; }
  .vol2 .question .answer.answer_left, 
  .vol2 .question .answer.answer_right { align-items: flex-start; }
  .vol2 .question .answer.answer_right { justify-content: end; }
  .vol2 .answer_left .fukidashi > div::before, .vol2 .answer_right .fukidashi > div::before { bottom: auto; top: 10%; }
  .vol2 .answer_left .fukidashi::after { bottom: auto; top: 12%; transform: rotate(3deg); }
  .vol2 .answer_right .fukidashi::after { bottom: auto; top: 12%; transform: rotate(-5deg); }
}

.question .answer.nakamura.answer_left::before,
.question .answer.nakamura.answer_right::after { background: url('../../voice/discussion/img/vol2/icon_nakamura.png') center center no-repeat; background-size: contain; }
.question .answer.hamamoto.answer_left::before,
.question .answer.hamamoto.answer_right::after { background: url('../../voice/discussion/img/vol2/icon_hamamoto.png') center center no-repeat; background-size: contain; }
.question .answer.hayashi.answer_left::before,
.question .answer.hayashi.answer_right::after { background: url('../../voice/discussion/img/vol2/icon_hayashi.png') center center no-repeat; background-size: contain; }
.question .answer.yamamichi.answer_left::before,
.question .answer.yamamichi.answer_right::after { background: url('../../voice/discussion/img/vol2/icon_yamamichi.png') center center no-repeat; background-size: contain; }

/* nakamura */
.vol2 .letters .letter::before { right: 100px; }
.vol2 .letters .letter p.line { padding-left: 0; }
.vol2 .letters .letter p.line span { display: block; }
.letters .letter.nakamura::before {
	background: url('../../voice/discussion/img/vol2/profile_nakamura.png') center center no-repeat;
	background-size: contain;
  width: 112px;
  height: 200px;
}
.letters .letter.nakamura p.line.line01 span.line01-1 {
	background: url('../../voice/discussion/img/vol2/my-change_nakamura/line01-01.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.nakamura p.line.line01 span.line01-2 {
	background: url('../../voice/discussion/img/vol2/my-change_nakamura/line01-02.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.nakamura p.line.line01 span.line01-3 {
	background: url('../../voice/discussion/img/vol2/my-change_nakamura/line01-03.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.nakamura p.line.line02 span.line02-1 {
	background: url('../../voice/discussion/img/vol2/my-change_nakamura/line02-01.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.nakamura p.line.line02 span.line02-2 {
	background: url('../../voice/discussion/img/vol2/my-change_nakamura/line02-02.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.nakamura p.line.line02 span.line02-3 {
	background: url('../../voice/discussion/img/vol2/my-change_nakamura/line02-03.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}

/* hamamoto */
.letters .letter.hamamoto::before {
	background: url('../../voice/discussion/img/vol2/profile_hamamoto.png') center center no-repeat;
	background-size: contain;
  width: 107px;
  height: 197px;
}
.letters .letter.hamamoto p.line.line01 span.line01-1 {
	background: url('../../voice/discussion/img/vol2/my-change_hamamoto/line01-01.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.hamamoto p.line.line01 span.line01-2 {
	background: url('../../voice/discussion/img/vol2/my-change_hamamoto/line01-02.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.hamamoto p.line.line01 span.line01-3 {
	background: url('../../voice/discussion/img/vol2/my-change_hamamoto/line01-03.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.hamamoto p.line.line02 span.line02-1 {
	background: url('../../voice/discussion/img/vol2/my-change_hamamoto/line02-01.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.hamamoto p.line.line02 span.line02-2 {
	background: url('../../voice/discussion/img/vol2/my-change_hamamoto/line02-02.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.hamamoto p.line.line02 span.line02-3 {
	background: url('../../voice/discussion/img/vol2/my-change_hamamoto/line02-03.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.hamamoto p.line.line03 span.line03-1 {
	background: url('../../voice/discussion/img/vol2/my-change_hamamoto/line03-01.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.hamamoto p.line.line03 span.line03-2 {
	background: url('../../voice/discussion/img/vol2/my-change_hamamoto/line03-02.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.hamamoto p.line.line03 span.line03-3 {
	background: url('../../voice/discussion/img/vol2/my-change_hamamoto/line03-03.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}

/* hayashi */
.letters .letter.hayashi { padding-bottom: 44px; border-bottom: 1px solid #ccc; }
.letters .letter.hayashi::before {
	background: url('../../voice/discussion/img/vol2/profile_hayashi.png') center center no-repeat;
	background-size: contain;
  width: 105px;
  height: 197px;
  bottom: 44px;
}
.letters .letter.hayashi p.line.line01 span.line01-1 {
	background: url('../../voice/discussion/img/vol2/my-change_hayashi/line01-01.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.hayashi p.line.line01 span.line01-2 {
	background: url('../../voice/discussion/img/vol2/my-change_hayashi/line01-02.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.hayashi p.line.line02 span.line02-1 {
	background: url('../../voice/discussion/img/vol2/my-change_hayashi/line02-01.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.hayashi p.line.line02 span.line02-2 {
	background: url('../../voice/discussion/img/vol2/my-change_hayashi/line02-02.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.hayashi p.line.line03 span.line03-1 {
	background: url('../../voice/discussion/img/vol2/my-change_hayashi/line03-01.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.hayashi p.line.line03 span.line03-2 {
	background: url('../../voice/discussion/img/vol2/my-change_hayashi/line03-02.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.hayashi p.line.line03 span.line03-3 {
	background: url('../../voice/discussion/img/vol2/my-change_hayashi/line03-03.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}

/* yamamichi */
.letters .letter.yamamichi::before {
	background: url('../../voice/discussion/img/vol2/profile_yamamichi.png') center center no-repeat;
	background-size: contain;
  width: 113px;
  height: 211px;
}
.letters .letter.yamamichi p.line.line01 span.line01-1 {
	background: url('../../voice/discussion/img/vol2/my-change_yamamichi/line01-01.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.yamamichi p.line.line01 span.line01-2 {
	background: url('../../voice/discussion/img/vol2/my-change_yamamichi/line01-02.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.yamamichi p.line.line02 span.line02-1 {
	background: url('../../voice/discussion/img/vol2/my-change_yamamichi/line02-01.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.yamamichi p.line.line02 span.line02-2 {
	background: url('../../voice/discussion/img/vol2/my-change_yamamichi/line02-02.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.yamamichi p.line.line03 span.line03-1 {
	background: url('../../voice/discussion/img/vol2/my-change_yamamichi/line03-01.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}
.letters .letter.yamamichi p.line.line03 span.line03-2 {
	background: url('../../voice/discussion/img/vol2/my-change_yamamichi/line03-02.svg') left center no-repeat;
	background-size: auto 22px;
  background-position: 73px;
}

.vol2 .ttl__discussion > div { background-color: #FF4B30; }
.vol2 .ttl__discussion > div::after { border-right: 4px solid #FF4B30; border-bottom: 4px solid #FF4B30; }

.vol2 .fukidashi p strong { font-weight: 500; background-image: linear-gradient(to bottom, #fff 83%, #ffe100 83%); }

.vol2 .question h3 > span { background-color: #FF4B30; }
.vol2 .question h3 > span::after { border-right-color: #FF4B30; border-bottom-color: #FF4B30; }

@media screen and (min-width: 769px), print { 
  /* profile */
  .vol2 .profiles { column-gap: 2.7%; }
  .vol2 .profiles .profile { width: 22.9%; }
  
  .vol2 .q2 .asnwer_wrap .answer_right { justify-content: end; margin-left: 50%; position: absolute; top: 12px; right: 0; }
  .vol2 .q2 .asnwer_wrap figure { width: 625px; }

  .vol2 .q3 .answer_left { margin-right: 51%; }
  .vol2 .q3 figure { width: 554px; position: absolute; top: 43px; right: 0; z-index: -1; }

  .vol2 .q5 .asnwer_wrap { margin-bottom: 94px; }
  .vol2 .q5 .asnwer_wrap .answer_left { margin-right: 51%; }
  .vol2 .q5 .asnwer_wrap figure { width: 636px;  position: absolute; top: -20px; right: -9px; z-index: -1; }

  .vol2 .q7 { margin-bottom: 367px; }
  .vol2 .q7 .asnwer_wrap {}
  .vol2 .q7 .asnwer_wrap .answer_left { margin-right: 51%; }
  .vol2 .q7 .asnwer_wrap figure { width: 553px;  position: absolute; top: -5px; right: 44px; z-index: -1; }
}
@media screen and (max-width: 768px) {
  .main_kv { padding-top: 32px; }
  .vol2 .kv { margin-left: -7%; margin-right: -7%; }
  .vol2 .notes { text-align: left!important; line-height: 1.3; }
  
  .vol2 .profiles .profile .profile__text { margin-top: -60px; }
  .vol2 .profiles .profile .wrap { padding-top: 0; }
  .vol2 .profiles .profile .profile__img { text-align: center; }
  .vol2 .profiles .profile .profile__text p { padding: 12px 24px; }
  .vol2 .ttl__discussion > div .vol { background-color: #fff; color: #FF4B30; }
  
  .vol2 .ttl__discussion > div > h2 { background-color: #FF4B30; }
  .vol2 .ttl__discussion > div > h2::after { border-right-color: #FF4B30; border-bottom-color: #FF4B30; }
  
  .vol2 .question .asnwer_wrap { margin-bottom: 10%; }
  
  .vol2 .letters .letter::before { right: 0; }
  
  /* nakamura */
  .letters .letter.nakamura::before { width: 14.583vw; height: 26.042vw; }
  .letters .letter.nakamura p.line.line01 span.line01-1,
  .letters .letter.nakamura p.line.line01 span.line01-2,
  .letters .letter.nakamura p.line.line01 span.line01-3,
  .letters .letter.nakamura p.line.line02 span.line02-1,
  .letters .letter.nakamura p.line.line02 span.line02-2,
  .letters .letter.nakamura p.line.line02 span.line02-3{ background-size: auto 15px; background-position: 0; }
  
  /* hamamoto */
  .letters .letter.hamamoto::before { width: 13.932vw; height: 25.651vw; }
  .letters .letter.hamamoto p.line.line01 span.line01-1,
  .letters .letter.hamamoto p.line.line01 span.line01-2,
  .letters .letter.hamamoto p.line.line01 span.line01-3, 
  .letters .letter.hamamoto p.line.line02 span.line02-1,
  .letters .letter.hamamoto p.line.line02 span.line02-2,
  .letters .letter.hamamoto p.line.line02 span.line02-3,
  .letters .letter.hamamoto p.line.line03 span.line03-1,
  .letters .letter.hamamoto p.line.line03 span.line03-2,
  .letters .letter.hamamoto p.line.line03 span.line03-3 { background-size: auto 15px; background-position: 0; }
  
  /* hayashi */
  .letters .letter.hayashi::before { width: 13.672vw; height: 25.651vw; bottom: 0; }
  .letters .letter.hayashi p.line.line01 span.line01-1,
  .letters .letter.hayashi p.line.line01 span.line01-2,
  .letters .letter.hayashi p.line.line02 span.line02-1,
  .letters .letter.hayashi p.line.line02 span.line02-2,
  .letters .letter.hayashi p.line.line03 span.line03-1,
  .letters .letter.hayashi p.line.line03 span.line03-2,
  .letters .letter.hayashi p.line.line03 span.line03-3 { background-size: auto 15px; background-position: 0; }
  
  /* yamamichi */
  .letters .letter.yamamichi::before { width: 14.714vw; height: 27.474vw; }
  .letters .letter.yamamichi p.line.line01 span.line01-1,
  .letters .letter.yamamichi p.line.line01 span.line01-2,
  .letters .letter.yamamichi p.line.line02 span.line02-1,
  .letters .letter.yamamichi p.line.line02 span.line02-2,
  .letters .letter.yamamichi p.line.line03 span.line03-1,
  .letters .letter.yamamichi p.line.line03 span.line03-2 { background-size: auto 15px; background-position: 0; }
  
  .vol2 .letters .letter.hamamoto,
  .vol2 .letters .letter.nakamura,
  .vol2 .letters .letter.yamamichi { padding-bottom: 44px; border-bottom: 1px solid #ccc; }
}
@media screen and (max-width: 480px) {
}