@charset "UTF-8";

:root {
	--bg-color--primary: #ffffff;
}

body {
	background-color: var(--bg-color--primary);
}
.container {
	overflow: clip !important;
}

.common_volunteer-container {
	display: flex;
	max-width: 1360px;
	width: 95%;
	margin: 0 auto;
	flex-direction: column;
}
.main_container {
	display: flex;
	background-repeat: no-repeat;
	background-position: center top;
	flex-direction: column;
}
@media screen and (min-width: 768px) {
	.main_container {
		position: relative;
		padding-bottom: 110px;
		background-image: url(../images/volunteer/volunteer_bg.webp) , url(../images/volunteer/volunteer_decorate-pc.webp);
		background-size: 2269px 6066px , 1980px 6397px;
	}
	.main_container::before {
		display: block;
		display: none;
		position: absolute;
		top: 0;
		left: 50%;
		z-index: -1;
		transform: translateX(-50%);
		width: 1980px;
		background-position: center top;
		background-size: 100%;
		content: "";

		aspect-ratio: 1980/6397;
	}
}
@media screen and (max-width: 767px) {
	.common_page-title {
		font-size: clamp(1rem, 0.402rem + 2.55vw, 1.625rem);
	}

	.main_container {
		padding-bottom: 55px;
		background-image: url(../images/volunteer/volunteer_bg-mb.webp);
		background-size: 535px 7401px;
	}
}



.volunteer_section-title {
	display: flex;
	padding-bottom: 5px !important	;
	border-bottom: clamp(0.125rem, -0.212rem + 0.7vw, 0.25rem) solid #006252;
	color: #006252;
	font-weight: bold;
	font-size: clamp(1.375em, 0.535em + 1.75vw, 1.75em);
	flex-direction: column;
}

@media screen and (min-width: 768px) {
	.main_container {
		padding-top: 115px;
	}
	.common_volunteer-container {
		width: 95%;
	}
	.volunteer_section-title {
		position: relative;
		align-items: center;
	}
	.volunteer_section-title::after {
		display: block;
		position: absolute;
		top: 100%;
		left: 50%;
		z-index: 5;
		transform: translateX(-50%);
		max-width: 160px;
		width: calc(100% - 20px);
		height: clamp(0.125rem, -0.212rem + 0.7vw, 0.25rem);
		height: clamp(0.125rem, -0.212rem + 0.7vw, 0.25rem);
		background-color: #ffa500;
		content: "";
	}
}
@media screen and (max-width: 767px) {
	.main_container {
		padding-top: 80px;
	}
	.common_page-text {
		padding: 0 20px;
		text-align: justify;
	}
	.common_page-text br {
		display: none;
	}
	.common_volunteer-container {
		width: 100%;
		padding: 0 20px;
	}
	.volunteer_section-title {
		padding: 0 10px;
		font-weight: 900;
		text-align: justify;
	}
}



/*******************************************************************************
	西宇和の農業について
*******************************************************************************/
.volunteer_agriculture-text {
	font-size: clamp(0.938em, 0.658em + 0.58vw, 1.063em);
	line-height: clamp(1.5rem, 0.38rem + 2.33vw, 2rem);
	text-align: center;
}
.agriculture-pointer-container {
	display: flex;
	max-width: 1055px;
	width: 100%;
	margin: 0 auto 50px;
	column-gap: 10px;
}
.agriculture_pointer-symbol {
	display: flex;
	max-width: 160px;
	min-width: 125px;
	width: clamp(7.813rem, 2.915rem + 10.2vw, 10rem);
	background-color: #ffa500;
	color: #ffffff;
	font-weight: bold;
	font-size: clamp(1.063em, -0.057em + 2.33vw, 1.563em);
	column-gap: 5px;
	justify-content: center;
	align-items: center;

	row-gap: 5px;
}
.agriculture_pointer-symbol i {
	font-size: clamp(1.375em, -1.144em + 5.25vw, 2.5em);
}
.agriculture_pointer-list {
	display: flex;
	flex-direction: column;

	row-gap: 15px;
}
.agriculture_pointer-item {
	padding-left: 20px;
}
.agriculture_pointer-item p {
	font-size: clamp(0.875em, 0.455em + 0.87vw, 1.063em);
	line-height: clamp(1.438rem, -0.242rem + 3.5vw, 2.188rem);
	text-align: justify;
}
.agriculture_pointer-item p span {
	border-bottom: 2px solid #ffa500;
}
.volunteer_agriculture-content {
	display: flex;
	max-width: 1040px;
	width: 100%;
	margin: 0 auto;
	column-gap: 15px;

	row-gap: 10px;
}
.volunteer_agriculture-detail {
	display: flex;
	max-width: 730px;
	width: 100%;
	flex-direction: column;

	row-gap: 10px;
}
.volunteer_agriculture-detail h3 {
	display: flex;
	font-size: clamp(1.125em, 0.845em + 0.58vw, 1.25em);
	column-gap: 5px;
	align-items: center;
}
.volunteer_agriculture-detail h3 img {
	max-width: 43px;
	min-width: 36px;
	width: clamp(2.25rem, 1.27rem + 2.04vw, 2.688rem);
}
.volunteer_agriculture-detail p {
	font-size: 0.9375em;
	line-height: clamp(1.5rem, 1.08rem + 0.87vw, 1.688rem);
	text-align: justify;
}

.volunteer_agriculture-graph {
	max-width: 284px;
	min-width: 160px;
	width: 100%;
}
.volunteer_agriculture-graph img {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 768px) {
	#volunteer_agriculture {
		margin-bottom: 65px;
	}
	#volunteer_agriculture .volunteer_section-title {
		margin-bottom: 20px;
	}
	.volunteer_agriculture-text {
		margin-bottom: 25px;
		font-weight: 500;
		text-align: center;
	}
	.agriculture-pointer-container {
		align-items: center;
	}
	.agriculture_pointer-symbol {
		flex-direction: column;

		aspect-ratio: 32/29;
	}
	.agriculture_pointer-list {
		width: calc(100% - clamp(7.813rem, 2.915rem + 10.2vw, 10rem) - 10px);

		row-gap: 15px;
	}
	.agriculture_pointer-item {
		position: relative;
		padding-left: 20px;
	}
	.agriculture_pointer-item::before {
		position: absolute;
		top: 50%;
		left: 0;
		z-index: -1;
		transform: translateY(-50%);
		width: 21px;
		background-color: #ffa500;
		content: "";

		aspect-ratio: 22/15;
		mask-image: url(../images/volunteer/agriculture_pointer-back.webp);
		mask-position: center;
		mask-size: 100%;
		mask-repeat: no-repeat;
	}
	.agriculture_pointer-item::after {
		position: absolute;
		top: 50%;
		left: 1px;
		z-index: 1;
		transform: translateY(-50%);
		width: 21px;
		background-color: #ffffff;
		content: "";

		aspect-ratio: 22/15;
		mask-image: url(../images/volunteer/agriculture_pointer-forward.webp);
		mask-position: center;
		mask-size: 100%;
		mask-repeat: no-repeat;
	}
	.agriculture_pointer-item p {
		padding: clamp(0.313rem, -0.807rem + 2.33vw, 0.813rem) clamp(0.625rem, -2.174rem + 5.83vw, 1.875rem);
		border: 2px solid #ffa500;
		background-color: #ffffff;
	}
	.volunteer_agriculture-detail h3 {
		font-weight: 500;
	}
	.volunteer_agriculture-content {
		align-items: flex-end;
	}
	.volunteer_agriculture-detail {
		margin-bottom: 4.8077%;
	}
	.volunteer_agriculture-graph {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	#volunteer_agriculture {
		margin-bottom: 45px;
	}
	#volunteer_agriculture .volunteer_section-title {
		margin-bottom: 10px;
	}
	.volunteer_agriculture-text {
		margin-bottom: 25px;
		padding: 0 10px;
		text-align: justify;
	}
	.volunteer_agriculture-text br {
		display: none;
	}
	.agriculture-pointer-container {
		flex-direction: column;
	}
	.agriculture_pointer-symbol {
		position: relative;
		z-index: 1;
		margin-left: 10px;
		padding: 2.5px 10px;
	}
	.agriculture_pointer-list {
		width: 100%;
		margin-top: -5px;

		row-gap: 5px;
	}
	.agriculture_pointer-item {
		display: flex;
		min-height: 50px;
		padding: 5px 8px;
		border: 2px solid #ffa500;
		background-color: #ffffff;
		align-items: center;
	}
	.volunteer_agriculture-content {
		padding: 0 10px;
		flex-direction: column;
	}
	.volunteer_agriculture-graph {
		width: 160px;
		margin: 0 auto 0 auto;
	}
}

/*******************************************************************************
	農家になりたい方へ
*******************************************************************************/
.volunteer_farmer-list {
	display: flex;
	max-width: 1040px;
	width: 100%;
	margin: 0 auto;
	flex-direction: column;
}
.volunteer_farmer-item {
	display: flex;
	width: 100%;
	flex-direction: column;

	row-gap: 15px;
}
.volunteer_farmer-subtitle {
	padding: 0 clamp(0.625rem, -0.217rem + 1.75vw, 0.938rem) 5px;
	border-bottom: 2px dashed #006252;
	color: #006252;
	font-size: clamp(1.125em, 0.62em + 1.05vw, 1.313em);
}
.volunteer_farmer-subtitle span {
	display: inline-block;
	font-size: clamp(0.875em, 0.201em + 1.4vw, 1.125em);
}
.volunteer_farmer-contents {
	display: flex;
	width: 100%;
	flex-direction: column;
}
.volunteer_farmer-flow {
	display: flex;
	max-width: 1000px;
	width: 100%;
	column-gap: 35px;
	flex-wrap: wrap;
	counter-reset: number;

	row-gap: 30px;
}
.farmer_flow-item {
	display: flex;
	position: relative;
	padding: 10px clamp(0.625rem, -0.217rem + 1.75vw, 0.938rem);
	border: 2px solid #006252;
	border-radius: 20px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	column-gap: 15px;
	align-items: flex-start;
}

.farmer_flow-item:not(:nth-of-type(1))::before {
	display: block;
	position: absolute;
	color: #006252;
	font-family: "icomoon";
	font-size: 14px;
	content: "\e930";
}
.farmer_flow-head p , .farmer_flow-foot , .farmer_flow-foot h5 {
	font-size: clamp(0.875em, 0.707em + 0.35vw, 0.938em) !important;
	line-height: clamp(1.5rem, 1.332rem + 0.35vw, 1.563rem) !important;
}
.farmer_flow-head {
	display: flex;
	flex-direction: column;
}
.farmer_flow-head h4 {
	display: flex;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.125em;
	column-gap: 10px;
	align-items: center;
}
.farmer_flow-head h4::before {
	display: flex;
	min-width: 30px;
	border-radius: 100%;
	background-color: #006252;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.875em;
	line-height: 1;
	justify-content: center;
	align-items: center;
	content: counter(number, decimal-leading-zero);
	counter-increment: number;

	aspect-ratio: 1/1;
}
.farmer_flow-head p {
	text-align: justify;
}
.farmer_flow-head ul {
	display: flex;
	flex-direction: column;
}
.farmer_flow-head ul li {
	display: flex;
}
.farmer_flow-item:nth-of-type(2) .farmer_flow-head ul li::before {
	content: "・";
}
.farmer_flow-foot {
	display: flex;
	margin-top: 10px;
	padding: 5px 10px;
	border-radius: 10px;
	background-color: #fff6e5;
	flex-direction: column;
}
.farmer_flow-foot h5 {
	display: flex;
	border-radius: 10px;
	background-color: #fff6e5;
	flex-direction: column;
}
.farmer_flow-foot ul {
	display: flex;
	flex-direction: column;
}
.farmer_flow-foot li {
	display: flex;
}
.farmer_flow-foot li::before {
	content: "・";
}

.volunteer_farmer-structure {
	display: flex;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.farmer_structure-chart {
	display: flex;
	max-width: 790px;
	border-radius: 10px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	flex-direction: column;
}
.farmer_structure-chart h4 {
	color: #006252;
	font-size: clamp(1.125em, 0.62em + 1.05vw, 1.313em);
}
.farmer_structure-chart img {
	max-width: 679px;
	width: 100%;
	height: auto;
}
.farmer_structure-comment {
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.farmer_structure-comment::before {
	display: block;
	position: absolute;
	bottom: 20px;
	left: 0;
	min-width: 21px;
	width: 21px;
	background-color: #e3ffed;
	content: "";

	aspect-ratio: 21/17;
	mask-image: url(../images/volunteer/farmer_structure-bubble.webp);
	mask-position: center;
	mask-size: 100%;
	mask-repeat: no-repeat;
}
.farmer_structure-comment p {
	padding: clamp(0.875rem, -2.662rem + 7.37vw, 2.188rem) 15px;
	background-color: #e3ffed;
	font-size: 0.875em;
	line-height: clamp(1.438rem, 1.269rem + 0.35vw, 1.5rem);
}
@media screen and (min-width: 768px) {
	.farmer_structure-chart img {
		margin-left: clamp(0.625rem, -2.743rem + 7.02vw, 1.875rem);
	}
	#volunteer_farmer {
		margin-bottom: 65px;
	}
	#volunteer_farmer .volunteer_section-title {
		margin-bottom: 20px;
	}
	.volunteer_farmer-list {
		row-gap: 40px;
	}
	.volunteer_farmer-item {
		row-gap: 15px;
	}
	#farmer_flow {
		padding: 0 20px;
	}
	#farmer_flow .volunteer_farmer-contents {
		row-gap: 40px;
	}
	.volunteer_farmer-flow {
		row-gap: 30px;
	}

	.farmer_flow-item {
		padding-bottom: 15px;
	}
	.farmer_flow-item:not(:nth-of-type(1))::before {
		top: 50%;
		right: calc(100% + 9px);
		transform: translateY(-50%);
	}
	.farmer_flow-item:nth-of-type(1) {
		max-width: 620px;
		width: calc(63.75% - 17.5px);
	}
	.farmer_flow-item:nth-of-type(2) {
		max-width: 345px;
		width: calc(36.25% - 17.5px);
	}
	.farmer_flow-item:nth-of-type(3) {
		max-width: 400px;
		width: calc(41.75% - 17.5px);
	}
	.farmer_flow-item:nth-of-type(4) {
		max-width: 565px;
		width: calc(58.25% - 17.50px);
	}
	.farmer_flow-foot {
		padding: 5px 10px;
	}
	.volunteer_farmer-structure {
		position: relative;
	}
	.farmer_structure-chart {
		width: calc(100% - 210px);
		margin-right: -190px;
		padding: 15px clamp(5rem, 3.316rem + 3.51vw, 5.625rem) 35px clamp(0.625rem, -1.059rem + 3.51vw, 1.25rem);

		row-gap: 10px;
	}
	.farmer_structure-comment {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		padding-left: 20px;
	}
	.farmer_structure-comment::before {
		bottom: 20px;
		left: 0;
	}
	.farmer_structure-comment p {
		max-width: 250px;
	}
}
@media screen and (max-width: 767px) {
	#volunteer_farmer {
		margin-bottom: 65px;
	}
	#volunteer_farmer .volunteer_section-title {
		margin-bottom: 10px;
	}
	.volunteer_farmer-list {
		row-gap: 40px;
	}
	.volunteer_farmer-item {
		row-gap: 10px;
	}
	.volunteer_farmer-subtitle {
		line-height: 20px;
	}
	#farmer_flow .volunteer_farmer-contents {
		row-gap: 30px;
	}
	.volunteer_farmer-flow {
		flex-direction: column;
	}
	.farmer_flow-item {
		width: 100%;
		flex-wrap: wrap;
	}

	.farmer_flow-item:not(:nth-of-type(1))::before {
		bottom: calc(100% + 8.5px);
		left: 50%;
		transform: translateX(-50%) rotateZ(90deg);
	}
	.farmer_flow-head h4 {
		padding: 0 5px;
	}
	.farmer_flow-foot {
		width: 100%;
		padding: 8px 10px;
	}
	.volunteer_farmer-structure {
		flex-direction: column;
	}
	.farmer_structure-chart h4 {
		text-align: center;
	}
	.farmer_structure-chart {
		width: 100%;
		padding: 10px 15px 15px;

		row-gap: 10px;
	}
	.farmer_structure-comment {
		position: relative;
		width: 100%;
		margin-top: -10px;
		padding-top: 19px;
	}
	.farmer_structure-comment::before {
		top: 0;
		left: 25px;
		z-index: -1;
		transform: rotateZ(90deg);
	}
}
#farmer_case {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 0 ;
}
.farmer_case-text {
	margin-bottom: 15px;
	padding: 0 clamp(0.625rem, -0.217rem + 1.75vw, 0.938rem);
	font-size: clamp(0.938em, 0.769em + 0.35vw, 1em);
	line-height: clamp(1.5rem, 0.995rem + 1.05vw, 1.688rem);
}
@media screen and (min-width: 768px) {
	.farmer_case-text {
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 767px) {
	.farmer_case-text {
		margin-bottom: 10px;
	}
}
#farmer_case dl {
	margin-bottom: 20px;
	padding: 0 clamp(0.625rem, -0.217rem + 1.75vw, 0.938rem);
	font-size: clamp(0.938em, 0.769em + 0.35vw, 1em);
	line-height: clamp(1.5rem, 0.995rem + 1.05vw, 1.688rem);
}
#farmer_case dl dt:not(:nth-of-type(1)) {
	margin-top: 1.65em;
}
#farmer_case dl dd {
	padding-left: 1em;
}
.farmer_case-foot {
	display: flex;
	padding: 0 clamp(0.625rem, -0.217rem + 1.75vw, 0.938rem);
	flex-direction: column;
}
.farmer_case-foot {
	display: flex;
	font-size: clamp(0.938em, 0.769em + 0.35vw, 1em);
	line-height: clamp(1.5rem, 0.995rem + 1.05vw, 1.688rem);
	flex-direction: column;
}
.farmer_case-foot ul {
	display: flex;
	max-width: 530px;
	width: 100%;
	column-gap: 10px;
}
.farmer_case-foot ul li {
	max-width: 260px;
	width: calc(50% - 5px);
}
.farmer_case-foot ul li img {
	width: 100%;
	height: auto;
}

/*******************************************************************************
	アルバイト募集
*******************************************************************************/
.volunteer_recruit-text {
	max-width: 945px;
	width: 100%;
	margin: 0 auto 20px;
	font-size: clamp(0.938em, 0.769em + 0.35vw, 1em);
	line-height: clamp(1.5rem, 0.995rem + 1.05vw, 1.688rem);
	text-align: justify;
}
.volunteer_recruit-list {
	display: flex;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	flex-direction: column;

	row-gap: 20px;
}
.volunteer_recruit-item {
	display: flex;
	width: 100%;
	flex-direction: column;
}
.volunteer_recruit-subtitle {
	display: flex;
	padding: 0 clamp(0.625rem, -0.217rem + 1.75vw, 0.938rem) 5px;
	border-bottom: 2px dashed #006252;
	color: #006252;
	font-weight: bold;
	font-size: clamp(1.125em, 0.62em + 1.05vw, 1.313em);
}
.volunteer_recruit-contents {
	display: flex;
	width: 100%;
	padding: 0 clamp(0.625rem, -0.217rem + 1.75vw, 0.938rem);
	flex-direction: column;
}
.volunteer_recruit-emphasis {
	max-width: 785px;
	font-weight: bold;
	font-size: clamp(0.938em, 0.769em + 0.35vw, 1em);
	line-height: clamp(1.5rem, 0.995rem + 1.05vw, 1.688rem);
}
.volunteer_recruit-emphasis a {
	color: #0082e2;
}
.volunteer_recruit-labor {
	display: flex;
	width: 100%;
	margin-bottom: 15px;
	font-size: clamp(0.938em, 0.769em + 0.35vw, 1em);
	line-height: clamp(1.5rem, 0.995rem + 1.05vw, 1.688rem);
	flex-direction: column;
}
.volunteer_recruit-labor dt {
	display: flex;
	font-weight: bold;
}
.volunteer_recruit-labor dt::before {
	content: "＜";
}
.volunteer_recruit-labor dt::after {
	content: "＞";
}
.volunteer_recruit-detail {
	display: flex;
	width: 100%;
	flex-direction: column;
	flex-wrap: wrap;
}
.volunteer_recruit-detail:not(.volunteer_recruit-min) {
	font-size: clamp(0.938em, 0.769em + 0.35vw, 1em);
	line-height: 27px;
}
.volunteer_recruit-detail.volunteer_recruit-min {
	font-size: clamp(0.813em, 0.307em + 1.05vw, 1em);
	line-height: clamp(1.438rem, 0.764rem + 1.4vw, 1.688rem);
}
.volunteer_recruit-detail li , .volunteer_recruit-detail h4 , .volunteer_recruit-detail ul {
	display: flex;
}
.volunteer_recruit-detail > li , .volunteer_recruit-detail ul {
	flex-direction: column;
}
.volunteer_recruit-detail > li {
	row-gap: 3px;
}
.volunteer_recruit-detail h4::before {
	content: "◎";
}
.volunteer_recruit-detail ul li::before {
	content: "・";
}
@media screen and (min-width: 768px) {
	#volunteer_recruit {
		margin-bottom: 60px;
	}
	#volunteer_recruit .volunteer_section-title {
		margin-bottom: 20px;
	}
	.volunteer_recruit-item {
		row-gap: 20px;
	}
	.volunteer_recruit-emphasis {
		margin-bottom: 20px;
	}
	.volunteer_recruit-labor {
		margin-bottom: 15px;
	}
	.volunteer_recruit-labor dt:not(:nth-of-type(1)) {
		margin-top: 15px;
	}
	.volunteer_recruit-detail {
		row-gap: 15px;
	}
	.volunteer_recruit-detail ul {
		row-gap: 15px;
	}
}
@media screen and (max-width: 767px) {
	#volunteer_recruit {
		margin-bottom: 55px;
	}
	#volunteer_recruit .volunteer_section-title {
		margin-bottom: 10px;
	}
	.volunteer_recruit-text {
		padding: 0 10px;
	}
	.volunteer_recruit-item {
		row-gap: 5px;
	}
	.volunteer_recruit-emphasis {
		margin-bottom: 10px;
	}
	.volunteer_recruit-labor {
		margin-bottom: 10px;
	}
	.volunteer_recruit-labor dt:not(:nth-of-type(1)) {
		margin-top: 10px;
	}
	.volunteer_recruit-detail {
		row-gap: 5px;
	}
	.volunteer_recruit-detail ul {
		row-gap: 5px;
	}
}
/*******************************************************************************
	お問い合わせ
*******************************************************************************/
.volunteer_contact-container {
	display: flex;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	justify-content: space-between;
}
.volunteer_contact-visual {
	display: flex;
	max-width: 520px;
	flex-wrap: wrap;
}
.volunteer_contact-visual li {
	max-width: 255px;

	aspect-ratio: 17/12;
}
.volunteer_contact-visual li img {
	width: 100%;
}
.volunteer_contact-content , .volunteer_contact-content a {
	color: #006252;
}
.volunteer_contact-content {
	display: flex;
	max-width: 455px;
	color: #006252;
	font-size: clamp(1.25em, 0.408em + 1.75vw, 1.563em);
	flex-direction: column;
}
.volunteer_contact-content h3 {
	font-weight: bold;
}
.volunteer_contact-content dl {
	display: flex;
	font-weight: 500;
	line-height: clamp(1.875rem, 0.528rem + 2.81vw, 2.375rem);
	flex-wrap: wrap;
}
.volunteer_contact-content dl dt:nth-of-type(1) {
	/* width: clamp(2.837rem, 0.927rem + 3.98vw, 3.546rem); */
}
.volunteer_contact-content dl dt:nth-of-type(2) {
	/* width: clamp(4.119rem, 1.345rem + 5.78vw, 5.149rem); */
}
.volunteer_contact-content dl dd:nth-of-type(1) {
	width: calc(100% - clamp(2.837rem, 0.927rem + 3.98vw, 3.546rem));
}
.volunteer_contact-content dl dd:nth-of-type(2) {
	/* width: calc(100% - clamp(4.119rem, 1.345rem + 5.78vw, 5.149rem)); */
}
@media screen and (min-width: 768px) {
	#volunteer_contact .volunteer_section-title {
		margin-bottom: 20px;
	}
	.volunteer_contact-container {
		align-items: center;

		row-gap: 15px;
	}
	.volunteer_contact-visual {
		width: 52%;
		column-gap: 10px;
	}
	.volunteer_contact-visual li {
		width: calc(50% - 5px);
	}
	.volunteer_contact-content {
		width: 45.5%;

		row-gap: 5px;
	}
}
@media screen and (max-width: 767px) {
	#volunteer_contact .volunteer_section-title {
		margin-bottom: 10px;
	}
	.volunteer_contact-container {
		padding: 0 10px;
		flex-direction: column-reverse;

		row-gap: 10px;
	}
	.volunteer_contact-visual , .volunteer_contact-content {
		width: 100%;
	}
	.volunteer_contact-visual {
		column-gap: 5px;
	}
	.volunteer_contact-visual li {
		width: calc(50% - 2.5px);
	}
}