@charset "UTF-8";
/*@mixin minchoBold {
font-family: "shippori-mincho", sans-serif;
font-weight: 700;
font-style: normal;
font-feature-settings: 'palt';
}
@mixin en_Paganini {
	font-family: "paganini", serif;
font-weight: 400;
font-style: normal;
	font-feature-settings: 'palt';
}
@mixin en_Paganini_I {
font-family: "paganini", serif;
font-weight: 400;
font-style: italic;
	font-feature-settings: 'palt';
}
@mixin en_Paganini_B {
font-family: "paganini", serif;
font-weight: 700;
font-style: normal;
	font-feature-settings: 'palt';
}
@mixin en_Paganini_BI {
font-family: "paganini", serif;
font-weight: 700;
font-style: italic;
font-feature-settings: 'palt';
}*/
/*$btn-request-off-color:*/
/*#9e7013*/
/*#BD8617;*/
/*$btn-request-on-color:#db9b1a;*/
/*$btn-request-off-color:#a72126;
$btn-request-on-color:#d83c42;*/
/*$btn-reserve-off-color:#9c9e73;
$btn-reserve-on-color:#b5b886;*/
.bg-beige { background-color: #eae9e1; }

.maincopy::before { content: none; }
@media screen and (max-width: 600px) { .maincopy { font-size: 1.5rem; } }

.page-mv { padding: 0;   /*	padding-bottom: 4rem;
	.mv-txt{
		padding-bottom: 4rem;
		.mv-copy{
			max-width: 633px;
			img{
				&.pc{
					display: block;
				}
				&.sp{
					display: none;
				}
			}
		}
	}
	.mv-subimg{
		max-width: 370px;
		img{
			width: 99 / 370 * 100%;
			max-width: 99px;
		}
	} */ }
.page-mv .mv-img { position: static; width: 100%; max-width: 1440px; margin: 0 auto; }

.local-nav ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8%; }
.local-nav ul li a { display: block; padding: 1rem; transition: all .4s; }
.local-nav ul li a:hover { filter: brightness(112%); }
.local-nav ul li:nth-of-type(1) a { background-color: #a9c700; }
.local-nav ul li:nth-of-type(2) a { background-color: #08bfb9; }
.local-nav ul li:nth-of-type(3) a { background-color: #beaf87; }
@media screen and (max-width: 600px) { .local-nav ul { gap: 1%; }
  .local-nav ul li a { padding: 6px 4px; } }

.intro { max-width: 1100px; }
.intro .inner { width: 96%; padding-top: 4rem; padding-bottom: 1.5rem; max-width: 1000px; }
.intro .local-nav { padding-bottom: 1.5rem; }
.intro .maincopy { font-size: 2.25rem; color: #000; letter-spacing: 0.1em; }
@media screen and (max-width: 1100px) { .intro .maincopy { font-size: 2rem; } }
@media screen and (max-width: 834px) { .intro .maincopy { font-size: 1.875rem; } }
@media screen and (max-width: 600px) { .intro .inner { padding-top: 2rem; padding-bottom: 2rem; }
  .intro .local-nav { padding-bottom: 2rem; }
  .intro .maincopy { font-size: 1.75rem; text-align: center; padding: 0; } }

.voice-cont-container { padding: 0 0 5rem; }
.voice-cont-container .inner { padding: 4.5rem 0; }
.voice-cont-container .voice-intro { display: grid; grid-template-columns: 0.69508197fr 1fr; gap: 0 5.81818182%; align-items: flex-end; }
.voice-cont-container .voice-intro .head { padding-right: 41.50943396%; padding-bottom: 1rem; line-height: 1; border-bottom-style: solid; border-bottom-width: thin; }
.voice-cont-container .voice-intro .head img { max-width: 248px; }
.voice-cont-container .voice-intro .maincopy { grid-column-start: 1; font-size: 1.875rem; text-align: left; margin-top: 1.5rem; margin-bottom: 1.5rem; padding-bottom: 0; letter-spacing: 0.065em; }
.voice-cont-container .voice-intro .prof-img { grid-row: span 2; grid-column-start: 2; }
.voice-cont-container .voice-intro .prof-txt { grid-column-start: 1; }
.voice-cont-container .voice-intro .prof-txt .prof-head { padding: 0.75rem 1.5rem; text-align: left; line-height: 1.2; color: #fff; font-size: 1.25rem; letter-spacing: 0.1em; }
.voice-cont-container .voice-intro .prof-txt .prof-body { padding: 1rem 1.5rem; background-color: #fff; border-style: solid; border-width: thin; border-top: none; }
.voice-cont-container .voice-intro .prof-txt .prof-body > ul { margin-bottom: 1em; }
.voice-cont-container .voice-intro .prof-txt .prof-body > ul > li { line-height: 1.2; font-size: 1rem; }
.voice-cont-container .voice-intro .prof-txt .prof-body > ul > li .icon { display: inline-block; width: 1.5rem; aspect-ratio: 1/1; margin-right: 4px; }
.voice-cont-container .voice-intro .prof-txt .prof-body .lead { line-height: 1.36; }
.voice-cont-container .voice-wrap { padding-top: 3.5rem; }
.voice-cont-container .voice-wrap > .midashi { padding: 0.5rem 1.5rem; padding-left: 18%; font-size: 1.75rem; color: #fff; text-align: left; line-height: 1.36; position: relative; }
.voice-cont-container .voice-wrap > .midashi + .komidashi { padding-top: 0; }
.voice-cont-container .voice-wrap > .midashi::before { content: ""; width: 20%; max-width: 12.5rem; aspect-ratio: 288/82; padding-bottom: calc(82px * (120/288)); background-position: left top; background-size: contain; background-repeat: no-repeat; position: absolute; top: -0.75rem; left: -0.875rem; }
.voice-cont-container .voice-wrap .image { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.voice-cont-container .voice-wrap .fl-left { float: left; margin-right: 5.81818182%; }
.voice-cont-container .voice-wrap .fl-right { float: right; margin-left: 5.81818182%; }
.voice-cont-container .voice-wrap > .komidashi { font-size: 1.5rem; line-height: 1.44; font-weight: 600; margin-top: 2.5rem; padding: 1rem 1.25rem 0; text-align: left; letter-spacing: 0.075em; }
.voice-cont-container .voice-wrap > .komidashi::before, .voice-cont-container .voice-wrap > .komidashi::after { content: ""; display: inline; }
.voice-cont-container .voice-wrap > .komidashi::before { content: "「"; }
.voice-cont-container .voice-wrap > .komidashi::after { content: "」"; }
.voice-cont-container .voice-wrap .wer, .voice-cont-container .voice-wrap .wee { font-size: 1rem; line-height: 1.84; text-align: left; margin-top: 2.75rem; }
.voice-cont-container .voice-wrap .wer::before, .voice-cont-container .voice-wrap .wee::before { content: ""; vertical-align: -0.3em; display: inline-block; margin-right: 1em; width: 1.5rem; aspect-ratio: 1/1; background-position: left center; background-size: contain; background-repeat: no-repeat; }
.voice-cont-container .voice-wrap .wer .marker, .voice-cont-container .voice-wrap .wee .marker { background-color: #fff8e1; color: #b71c1c; padding: 2px; }
.voice-cont-container .voice-wrap .wer + .note, .voice-cont-container .voice-wrap .wee + .note { margin-top: 2.75rem; }
.voice-cont-container .voice-wrap .wer::before { background-image: url("../images/voice/icon_interviewer.png"); }
.voice-cont-container .cf::after { content: ''; display: block; clear: both; }
.voice-cont-container .column { margin-top: 3rem; padding: 2.5rem; background-color: #fff; border: 4px solid #e4cea3; position: relative; }
.voice-cont-container .column .wappen { width: 11rem; aspect-ratio: 1/1; position: absolute; top: -2rem; right: -2rem; z-index: 3; }
.voice-cont-container .column .komidashi { line-height: 1.44; font-size: 1.5rem; font-weight: 600; color: #98160e; padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: thin solid #e4cea3; }
.voice-cont-container .column .komidashi small { font-size: 64%; }
.voice-cont-container .column .lead { margin: 1.5rem 0 2rem; line-height: 1.84; }
.voice-cont-container .column .images { display: grid; }
.voice-cont-container .column .images.w3 { grid-template-columns: repeat(3, 1fr); gap: 1.5rem 3.93700787%; }
.voice-cont-container .column .images .image { margin-top: 0; margin-bottom: 0; }
.voice-cont-container .column .images .image .name { font-size: 1rem; line-height: 1.2; text-align: left; margin-top: 4px; }
.voice-cont-container .column .images .image .name .distance { font-size: 0.625rem; vertical-align: text-bottom; }
.voice-cont-container .column .images .image .img + .note { margin-top: 4px; }
@media screen and (max-width: 1144px) { .voice-cont-container .voice-intro { grid-template-columns: 0.88fr 1fr; gap: 0 4%; }
  .voice-cont-container .voice-intro .head { padding-right: 48%; }
  .voice-cont-container .voice-intro .maincopy { font-size: 2.34375vw; }
  .voice-cont-container .voice-intro .prof-txt .prof-head { padding: 0.5rem 1rem; font-size: 0.9375rem; }
  .voice-cont-container .voice-intro .prof-txt .prof-body { padding: 0.75rem 1rem; }
  .voice-cont-container .voice-intro .prof-txt .prof-body > ul > li { font-size: 0.9375rem; }
  .voice-cont-container .voice-intro .prof-txt .prof-body > ul > li .icon { width: 1rem; }
  .voice-cont-container .voice-intro .prof-txt .prof-body .lead { font-size: 0.9375rem; } }
@media screen and (max-width: 840px) { .voice-cont-container .voice-wrap > .midashi { font-size: 1.5rem; }
  .voice-cont-container .voice-wrap .image { margin-top: 2rem; margin-bottom: 1rem; }
  .voice-cont-container .voice-wrap .fl-left { margin-right: 4%; }
  .voice-cont-container .voice-wrap .fl-right { margin-left: 4%; }
  .voice-cont-container .voice-wrap > .komidashi { margin-top: 2rem; font-size: 1.25rem; }
  .voice-cont-container .voice-wrap .wer, .voice-cont-container .voice-wrap .wee { font-size: 0.9375rem; margin-top: 2.25rem; }
  .voice-cont-container .voice-wrap .wer::before, .voice-cont-container .voice-wrap .wee::before { width: 1.4375rem; }
  .voice-cont-container .column .wappen { width: 9rem; right: -1.5rem; }
  .voice-cont-container .column .komidashi { font-size: 1.25rem; } }
@media screen and (max-width: 834px) { .voice-cont-container .voice-intro .prof-txt .prof-head { font-size: 0.875rem; }
  .voice-cont-container .voice-intro .prof-txt .prof-body > ul > li { font-size: 0.875rem; }
  .voice-cont-container .voice-intro .prof-txt .prof-body .lead { font-size: 0.875rem; } }
@media screen and (max-width: 768px) { .voice-cont-container .voice-intro { grid-template-columns: 0.8fr 1fr; }
  .voice-cont-container .voice-intro .prof-txt .prof-head { font-size: 0.8125rem; }
  .voice-cont-container .voice-intro .prof-txt .prof-body > ul > li { font-size: 0.8125rem; }
  .voice-cont-container .voice-intro .prof-txt .prof-body .lead { font-size: 0.8125rem; }
  .voice-cont-container .voice-wrap > .komidashi { padding: 1rem 1rem 0; }
  .voice-cont-container .column { padding: 2rem 1.75rem; }
  .voice-cont-container .column .wappen { top: -1.75rem; } }
@media screen and (max-width: 600px) { .voice-cont-container .inner { padding: 4rem 0; }
  .voice-cont-container .voice-intro { grid-template-columns: 1fr; }
  .voice-cont-container .voice-intro .maincopy { font-size: 5vw; }
  .voice-cont-container .voice-intro .prof-img { grid-row: span 1; grid-column-start: 1; margin-bottom: 1.5rem; }
  .voice-cont-container .voice-intro .prof-txt .prof-head { font-size: 1rem; }
  .voice-cont-container .voice-intro .prof-txt .prof-body > ul > li { font-size: 13px; }
  .voice-cont-container .voice-intro .prof-txt .prof-body > ul > li .icon { width: 1.25rem; }
  .voice-cont-container .voice-intro .prof-txt .prof-body .lead { font-size: 13px; }
  .voice-cont-container .voice-wrap { padding-top: 2.5rem; display: grid; grid-template-columns: 1fr; gap: 0; }
  .voice-cont-container .voice-wrap > .midashi { order: 1; padding: 2.5rem 1rem 1rem; letter-spacing: 0.05em; }
  .voice-cont-container .voice-wrap > .midashi::before { width: 40%; top: -1rem; left: -0.5rem; }
  .voice-cont-container .voice-wrap .image { width: 100% !important; margin-bottom: 0; }
  .voice-cont-container .voice-wrap .fl-left, .voice-cont-container .voice-wrap .fl-right { float: none; margin-left: auto; margin-right: auto; }
  .voice-cont-container .voice-wrap > .komidashi { order: 2; padding-top: 0; margin-bottom: 0; }
  .voice-cont-container .column { padding: 2rem 1.5rem; }
  .voice-cont-container .column .wappen { width: 32%; right: -1.25rem; top: -2rem; }
  .voice-cont-container .column .komidashi { padding-right: 26%; }
  .voice-cont-container .column .lead { margin-bottom: 1.5rem; }
  .voice-cont-container .column .images { grid-template-columns: 1fr !important; } }

.link-btns { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: stretch; align-items: stretch; gap: 1.5rem 0; margin-top: 2.5rem; }
.link-btns * { min-height: 0%; }
.link-btns > li { width: calc((100% - 64px) / 2); max-width: 100%; margin-right: 64px; }
.link-btns > li.w-full { width: 100%; margin-right: 0; }
.link-btns > li.no-mr, .link-btns > li:last-of-type { margin-right: 0; }
.link-btns > li a { display: block; width: 100%; background-color: #beaf87; font-size: 1.5rem; color: #fff; text-align: center; line-height: 1.2; padding: 1.5rem 0.5rem; transition: all .4s; }
.link-btns > li a:hover { filter: brightness(112%); }
.link-btns > li a small { font-size: 72%; }
@media screen and (max-width: 1100px) { .link-btns > li { width: calc((100% - 32px) / 2); margin-right: 32px; }
  .link-btns > li a { font-size: 1.25rem; } }
@media screen and (max-width: 834px) { .link-btns > li { width: calc((100% - 24px) / 2); margin-right: 24px; }
  .link-btns > li a { font-size: 1.125rem; } }
@media screen and (max-width: 600px) { .link-btns { margin-top: 0.5rem; }
  .link-btns > li { width: 100%; margin-right: 0; } }

#Voice01 .voice-intro .head { border-bottom-color: #a9c700; }
#Voice01 .voice-intro .prof-txt .prof-head { background-color: #a9c700; }
#Voice01 .voice-intro .prof-txt .prof-body { border-color: #a9c700; }
#Voice01 .voice-wrap > .midashi { background-color: #a9c700; }
#Voice01 .voice-wrap > .midashi::before { background-image: url("../images/voice/voice01_icon_question.png"); }
#Voice01 .voice-wrap > .komidashi { color: #90A900; }
#Voice01 .voice-wrap .wee.hus::before { background-image: url("../images/voice/icon_S_husband.png"); }
#Voice01 .voice-wrap .wee.wif::before { background-image: url("../images/voice/icon_S_wife.png"); }
#Voice01 #Voice01-1 .img1 { width: calc((544/1100)*100%); }
#Voice01 #Voice01-1 .img2 { width: calc((400/1100)*100%); }
#Voice01 #Voice01-1 .column1 .wappen { top: -5%; }
#Voice01 #Voice01-1 .column1 .komidashi .label { display: inline-block; font-size: 1.25rem; color: #fff; line-height: 1; padding: 8px 12px; background-color: #98160e; margin-right: 8px; }
#Voice01 #Voice01-1 .column1 .img1 { width: 48%; margin-top: 0; }
#Voice01 #Voice01-1 .column1 .img1 + .lead.cf { padding-top: 5%; margin-bottom: 0; }
#Voice01 #Voice01-1 .column1 .images { background-color: #EAE9E2; padding: 1.5rem 1.25rem 1rem; grid-template-columns: repeat(2, 1fr); gap: 0.75rem 4.11522634%; align-items: stretch; }
#Voice01 #Voice01-1 .column1 .images .note { grid-column: span 2; }
#Voice01 #Voice01-1 .column1 .images .lead { grid-column: span 2; margin: 0 0 1rem; }
#Voice01 #Voice01-1 .column1 .img4 { background-color: #74110b; padding: 1.25rem 7vw; margin: 1rem auto; }
#Voice01 #Voice01-2 .img1 { width: calc((506/1100)*100%); }
#Voice01 #Voice01-2 .img2 { width: calc((440/1100)*100%); }
#Voice01 #Voice01-2 .column2 { margin-top: 0; }
#Voice01 #Voice01-3 .img1 { width: calc((504/1100)*100%); }
#Voice01 #Voice01-3 .img2 { width: calc((444/1100)*100%); }
#Voice01 #Voice01-3 .column1 .wappen { top: -2.5rem; }
#Voice01 #Voice01-3 .column1 .images .image .img .cap .icon-space { display: inline-block; width: 2em; aspect-ratio: 2/0.8; background-color: #a7bbde; vertical-align: baseline; margin-right: 4px; }
#Voice01 #Voice01-3 .column1 .images .image .note { border-top: thin solid #cccccc; padding-top: 8px; margin-top: 4px; }
#Voice01 #Voice01-4 .img1 { width: calc((530/1100)*100%); }
#Voice01 #Voice01-4 .column1 .images .image:first-of-type { grid-column: span 3; }
#Voice01 #Voice01-4 .column1 .images .image:first-of-type .img { width: 96%; max-width: 400px; margin: auto; }
@media screen and (max-width: 1024px) { #Voice01 #Voice01-1 .column1 .img1 { width: 48%; } }
@media screen and (max-width: 960px) { #Voice01 #Voice01-2 .column2 { margin-top: 3rem; } }
@media screen and (max-width: 834px) { #Voice01 #Voice01-1 .column1 .komidashi .label { font-size: 1rem; } }
@media screen and (max-width: 768px) { #Voice01 #Voice01-1 .column1 .img1 + .lead.cf { padding-top: 3%; margin-bottom: 1rem; }
  #Voice01 #Voice01-4 .column1 .komidashi { padding-right: 26%; } }
@media screen and (max-width: 600px) { #Voice01 #Voice01-1 .wer1 { order: 3; }
  #Voice01 #Voice01-1 .wee1 { order: 4; }
  #Voice01 #Voice01-1 .img1 { order: 5; }
  #Voice01 #Voice01-1 .wee2 { order: 6; }
  #Voice01 #Voice01-1 .wee3 { order: 7; }
  #Voice01 #Voice01-1 .img2 { order: 8; }
  #Voice01 #Voice01-1 .wer2 { order: 9; }
  #Voice01 #Voice01-1 .wee4 { order: 10; }
  #Voice01 #Voice01-1 .wee5 { order: 11; }
  #Voice01 #Voice01-1 .column1 { order: 12; display: grid; grid-template-columns: 1fr; }
  #Voice01 #Voice01-1 .column1 .wappen { top: -2rem; }
  #Voice01 #Voice01-1 .column1 .komidashi { padding-right: 0; order: 1; }
  #Voice01 #Voice01-1 .column1 .lead .aw { display: inline; }
  #Voice01 #Voice01-1 .column1 .img1 { width: 100%; margin-bottom: 1.25rem; order: 3; }
  #Voice01 #Voice01-1 .column1 .img1 + .lead.cf { margin-top: 0; padding-top: 0; order: 2; }
  #Voice01 #Voice01-1 .column1 .images { order: 4; grid-template-columns: 1fr; }
  #Voice01 #Voice01-1 .column1 .images .image:nth-of-type(2) { padding: 1.5rem 0; }
  #Voice01 #Voice01-1 .column1 .images .lead, #Voice01 #Voice01-1 .column1 .images .note { grid-column: span 1; }
  #Voice01 #Voice01-1 .column1 .img4 { padding: 1.25rem 4vw; margin: 1rem auto 0.5rem; order: 5; }
  #Voice01 #Voice01-1 .column1 .img4 + .note { order: 6; }
  #Voice01 #Voice01-1 .column1 .link-btns { order: 7; margin-top: 1.5rem; }
  #Voice01 #Voice01-2 .wer1 { order: 3; }
  #Voice01 #Voice01-2 .wee1 { order: 4; }
  #Voice01 #Voice01-2 .wee2 { order: 5; }
  #Voice01 #Voice01-2 .img1 { order: 6; }
  #Voice01 #Voice01-2 .wee3 { order: 7; }
  #Voice01 #Voice01-2 .column1 { order: 8; }
  #Voice01 #Voice01-2 .img2 { order: 9; }
  #Voice01 #Voice01-2 .wer2 { order: 10; }
  #Voice01 #Voice01-2 .wee4 { order: 11; }
  #Voice01 #Voice01-2 .wee5 { order: 12; }
  #Voice01 #Voice01-2 .column2 { order: 13; }
  #Voice01 #Voice01-3 .wee1 { order: 3; }
  #Voice01 #Voice01-3 .img1 { order: 4; }
  #Voice01 #Voice01-3 .wer1 { order: 5; }
  #Voice01 #Voice01-3 .wee2 { order: 6; }
  #Voice01 #Voice01-3 .wee3 { order: 7; }
  #Voice01 #Voice01-3 .img2 { order: 8; }
  #Voice01 #Voice01-3 .column1 { order: 9; }
  #Voice01 #Voice01-3 .column1 .wappen { top: -2rem; }
  #Voice01 #Voice01-4 .wer1 { order: 3; }
  #Voice01 #Voice01-4 .wee1 { order: 4; }
  #Voice01 #Voice01-4 .wee2 { order: 5; }
  #Voice01 #Voice01-4 .wee2 + .note { order: 6; }
  #Voice01 #Voice01-4 .img1 { order: 7; }
  #Voice01 #Voice01-4 .column1 { order: 8; }
  #Voice01 #Voice01-4 .column1 .images .image:first-of-type { grid-column: span 1; } }

#Voice02 { padding-bottom: 0; }
#Voice02 .inner { padding-bottom: 2rem; }
#Voice02 .voice-intro .head { border-bottom-color: #08bfb9; }
#Voice02 .voice-intro .prof-txt .prof-head { background-color: #08bfb9; }
#Voice02 .voice-intro .prof-txt .prof-body { border-color: #08bfb9; }
#Voice02 .voice-wrap > .midashi { background-color: #08bfb9; }
#Voice02 .voice-wrap > .midashi::before { background-image: url("../images/voice/voice02_icon_question.png"); }
#Voice02 .voice-wrap > .komidashi { color: #00A9A4; }
#Voice02 .voice-wrap .wee.hus::before { background-image: url("../images/voice/icon_Y_husband.png"); }
#Voice02 .voice-wrap .wee.wif::before { background-image: url("../images/voice/icon_Y_wife.png"); }
#Voice02 #Voice02-1 .img1 { width: calc((528 /1100)*100%); }
#Voice02 #Voice02-1 .img2 { width: calc((400/1100)*100%); }
#Voice02 #Voice02-1 .wee3 { margin-top: 4rem; }
#Voice02 #Voice02-3 .img1 { width: calc((520 /1100)*100%); }
#Voice02 #Voice02-4 {     /*.img1 { width: calc((518/1100)*100%); }
 .img2 { width: calc((518/1100)*100%); } */ }
#Voice02 #Voice02-4 > .images { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; }
#Voice02 #Voice02-4 > .images * { min-height: 0%; }
#Voice02 #Voice02-4 > .images .image { width: calc((518/1100)*100%); }
#Voice02 #Voice02-5 {     /*.img1 { width: calc((518/1100)*100%); }
 .img2 { width: calc((518/1100)*100%); } */ }
#Voice02 #Voice02-5 > .images { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; }
#Voice02 #Voice02-5 > .images * { min-height: 0%; }
#Voice02 #Voice02-5 > .images .image { width: calc((518/1100)*100%); }
#Voice02 #Voice02-5 .column1 { margin-top: 1rem; }
#Voice02 #Voice02-5 .column1 .images { grid-template-columns: repeat(2, 1fr); gap: 1.5rem 2.5rem; }
#Voice02 #Voice02-5 .column1 .lead { margin-bottom: 0; }
#Voice02 #Voice02-5 .img3 { width: calc((494/1100)*100%); }
@media screen and (max-width: 840px) { #Voice02 #Voice02-1 .wee3 { margin-top: 2.5rem; }
  #Voice02 #Voice02-4 .column1 { margin-top: 2.5rem; }
  #Voice02 #Voice02-5 .column1 { margin-top: 2.5rem; }
  #Voice02 #Voice02-5 .column1 .images { gap: 1.5rem; } }
@media screen and (max-width: 600px) { #Voice02 .inner { padding-bottom: 4rem; }
  #Voice02 #Voice02-1 .wer1 { order: 3; }
  #Voice02 #Voice02-1 .wee1 { order: 4; }
  #Voice02 #Voice02-1 .wee2 { order: 5; }
  #Voice02 #Voice02-1 .img1 { order: 6; }
  #Voice02 #Voice02-1 .wee3 { order: 7; }
  #Voice02 #Voice02-1 .wee4 { order: 8; }
  #Voice02 #Voice02-1 .img2 { order: 9; }
  #Voice02 #Voice02-1 .column1 { order: 10; }
  #Voice02 #Voice02-1 .wer2 { order: 11; }
  #Voice02 #Voice02-1 .wee5 { order: 12; }
  #Voice02 #Voice02-2 .wer1 { order: 3; }
  #Voice02 #Voice02-2 .wee1 { order: 4; }
  #Voice02 #Voice02-2 .wee2 { order: 5; }
  #Voice02 #Voice02-2 .column1 { order: 6; }
  #Voice02 #Voice02-2 .komi2 { order: 7; }
  #Voice02 #Voice02-2 .wee3 { order: 8; }
  #Voice02 #Voice02-2 .wee4 { order: 9; }
  #Voice02 #Voice02-2 .column2 { order: 10; }
  #Voice02 #Voice02-3 .wee1 { order: 3; }
  #Voice02 #Voice02-3 .wee2 { order: 4; }
  #Voice02 #Voice02-3 .img1 { order: 5; }
  #Voice02 #Voice02-4 .wer1 { order: 3; }
  #Voice02 #Voice02-4 .wee1 { order: 4; }
  #Voice02 #Voice02-4 > .images { order: 5; }
  #Voice02 #Voice02-4 > .images .image { width: 100%; }
  #Voice02 #Voice02-4 .wee2 { order: 6; }
  #Voice02 #Voice02-4 .column1 { order: 7; }
  #Voice02 #Voice02-4 .column1 .images.w3 { grid-template-columns: repeat(2, 1fr) !important; }
  #Voice02 #Voice02-4 .column1 .images.w3 .image:nth-of-type(3) { grid-column: span 2; }
  #Voice02 #Voice02-5 .wer1 { order: 3; }
  #Voice02 #Voice02-5 .wee1 { order: 4; }
  #Voice02 #Voice02-5 .wee2 { order: 5; }
  #Voice02 #Voice02-5 > .images { order: 6; }
  #Voice02 #Voice02-5 > .images .image { width: 100%; }
  #Voice02 #Voice02-5 .column1 { order: 7; width: 100%; }
  #Voice02 #Voice02-5 .wee3 { order: 8; }
  #Voice02 #Voice02-5 .wer2 { order: 9; }
  #Voice02 #Voice02-5 .wee3 { order: 10; }
  #Voice02 #Voice02-5 .wee4 { order: 11; }
  #Voice02 #Voice02-5 .img3 { order: 12; } }

#Voice03 { padding-bottom: 0; }
#Voice03 .maincopy { padding-bottom: 2.5rem; border-bottom: thin solid #333; }
#Voice03 .point-list > li { margin-top: 4rem; padding-bottom: 2rem; }
#Voice03 .point-list > li a { display: block; width: 100%; transition: all .4s; }
#Voice03 .point-list > li a:hover { filter: brightness(112%); }
#Voice03 .point-list > li .upper, #Voice03 .point-list > li .bottom { display: grid; }
#Voice03 .point-list > li .upper { grid-template-columns: repeat(3, 1fr); gap: 2rem 4%; margin-bottom: 2.5rem; }
#Voice03 .point-list > li .bottom { grid-template-columns: 1fr 0.89051095fr; align-items: center; gap: 1.5rem 5.81818182%; }
#Voice03 .point-list > li .head { grid-column: span 2; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; gap: 0; }
#Voice03 .point-list > li .head * { min-height: 0%; }
#Voice03 .point-list > li .head .num { width: 72px; }
#Voice03 .point-list > li .head .komidashi { max-width: calc(100% - 96px); flex-grow: 1; font-weight: normal; line-height: 1.44; text-align: left; }
#Voice03 .point-list > li .lead { grid-column: span 2; }
#Voice03 .point-list > li .image { grid-row-start: 1; grid-row-end: 3; grid-column-start: 3; }
#Voice03 .point-list > li .message a { border: 2px solid #beaf87; }
#Voice03 .point-list > li .message .note { text-align: right; }
#Voice03 .point-list > li .link-btns { grid-column: span 2; }
#Voice03 #Voice03-4 .upper { grid-template-columns: repeat(2, 1fr); align-items: center; }
#Voice03 #Voice03-4 .upper .head { grid-column: span 1; }
#Voice03 #Voice03-4 .upper .lead { grid-column: span 1; }
#Voice03 #Voice03-4 .upper .image { grid-column-start: 2; }
@media screen and (max-width: 1100px) { #Voice03 .point-list > li .image { align-self: center; }
  #Voice03 #Voice03-4 .upper .head { grid-column: span 2; }
  #Voice03 #Voice03-4 .upper .image { grid-row-start: 2; } }
@media screen and (max-width: 834px) { #Voice03 .maincopy { font-size: 1.875rem; }
  #Voice03 .point-list > li .upper { grid-template-columns: 1fr 0.72fr; }
  #Voice03 .point-list > li .head { grid-column: span 2; }
  #Voice03 .point-list > li .head .num { width: 56px; }
  #Voice03 .point-list > li .head .komidashi { max-width: calc(100% - 80px); }
  #Voice03 .point-list > li .lead { grid-column: span 1; }
  #Voice03 .point-list > li .image { grid-row-start: 2; grid-column-start: 2; } }
@media screen and (max-width: 600px) { #Voice03 .maincopy { font-size: 1.75rem; }
  #Voice03 .point-list > li .upper, #Voice03 .point-list > li .bottom { grid-template-columns: 1fr; }
  #Voice03 .point-list > li .upper { margin-bottom: 1.5rem; }
  #Voice03 .point-list > li .head { grid-column: span 1; }
  #Voice03 .point-list > li .image { grid-column-start: 1; }
  #Voice03 .point-list > li .link-btns { grid-column: span 1; }
  #Voice03 #Voice03-4 .upper { grid-template-columns: 1fr; }
  #Voice03 #Voice03-4 .upper .head { grid-column: span 1; }
  #Voice03 #Voice03-4 .upper .image { grid-column-start: 1; } }

.users-message { background: #2d57a2 url("../images/voice/bg_message.jpg") center bottom/100% auto no-repeat; }
.users-message .inner { padding-top: 4rem; padding-bottom: 5rem; }
.users-message .maincopy { font-size: 2.25rem; color: #fff; text-align: center; }
.users-message .howto { max-width: 784px; margin: 2.5rem auto 4rem; background-color: #fff; color: #353633; font-size: 1rem; text-align: center; line-height: 1.2; padding: 8px; border: thin solid #ccc; border-radius: 50vh; }
.users-message .mess-list { display: flex; /*        grid-template-columns: repeat(2, 1fr); */ flex-flow: row wrap; gap: 0 64px; }
.users-message .mess-list .message { width: calc((100% - 64px) / 2); }
.users-message .mess-list .message a { display: block; transition: all .4s; }
.users-message .mess-list .message a:hover { filter: brightness(112%); }
.users-message .mess-list .message:nth-of-type(even) { margin-top: 64px; }
.users-message .mess-list .message img { box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.4); }
@media screen and (max-width: 1100px) { .users-message .maincopy { font-size: 2rem; } }
@media screen and (max-width: 834px) { .users-message .maincopy { font-size: 1.875rem; } }
@media screen and (max-width: 600px) { .users-message .inner { padding-top: 3rem; padding-bottom: 4rem; }
  .users-message .maincopy { font-size: 1.75rem; padding-bottom: 0; }
  .users-message .howto { margin: 0 auto 2rem; }
  .users-message .mess-list .message { width: 100%; margin-bottom: 1.5rem; }
  .users-message .mess-list .message:nth-of-type(even) { margin-top: 0; } }

.note-section { padding-top: 4rem; }
@media screen and (max-width: 600px) { .note-section { padding-top: 2rem; } }
