@charset "UTF-8";
/* CSS Document */
//ブレイクポイントを指定------ここから
$xl: 1399px;
$lg: 1199px;
$md: 991px;
$sm: 767px;
$xs: 575px;

@mixin xl {
  @media screen and (max-width: ($xl)) {
    @content;
  }
}
@mixin lg {
  @media screen and (max-width: ($lg)) {
    @content;
  }
}
@mixin md {
  @media screen and (max-width: ($md)) {
    @content;
  }
}
@mixin sm {
  @media screen and (max-width: ($sm)) {
    @content;
  }
}
@mixin xs {
  @media screen and (max-width: ($xs)) {
    @content;
  }
}
//ブレイクポイントを指定------ここまで

//メインカラー指定
$color-main: #93278F;
$color-mainhalf: #E9D4E9;

#wrapper{
	overflow: hidden;
}

//header-title
header{
	.top-title{
		&:before{
			content: "地域福祉推進事業";
		}
	}
}
//header-title------ここまで

//what-is
#what-is {
	p {
		a {
			color: $color-main;
			text-decoration: underline;
			&::after {
				font-family: "Font Awesome 5 Free";
				content: "\f35d";
				font-weight: 900;
				margin-left: 3px;
			}
			&:hover {
				opacity: 0.7;
			}
		}
	}
}
//what-is------ここまで

//activity-plan
#activity-plan {
	p {
		span {
			color: $color-main;
			font-size: 18px;
			font-size: 1.8rem;
			font-weight: 500;
			span{
				font-weight: bold!important;
				font-size: 25px!important;
				font-size: 2.5rem!important;
			}
		}
		.philosophy {
			font-size: 22px;
			font-size: 2.2rem;
			line-height: 2;
			@include sm {
				font-size: 20px;
				font-size: 2rem;
			}
			@include xs {
				line-height: 1.7;
			}
		}
		.goal {
			margin: 1rem 0;
			display: block;
		}
	}
	ul {
		li {
			width: 100%;
		}
	}
}
//activity-plan------ここまで

//salon
#salon {
	.purple-back {
		padding:2rem;
		@include md {
			padding: 1.5rem;
		}
		ul {
			padding-left: 0;
			margin-bottom: 0;
			li {
				padding-left: 1em;
				text-indent: -1em;
				
			}
		}
	}
	p{
		a{
			color: $color-main;
			&:hover {
				opacity: 0.7;
			}
		}
	}
	table {
		@include xs {
			width: 100%;
		}
		th {
			padding: 0;
			margin-bottom: 0;
			@include xs {
				display: block;
				width: 100%;
				border-bottom: solid 1px rgba(147,39,143,0.5);
			}
		}
		td {
			@include xs {
				display: block;
			}
		}
	}
}
//salon------ここまで

//district
#district {
	table {
		@include xs {
			width: 100%;
		}
		th {
			text-align: center;
			@include sm {
				padding: 0.5rem 1rem;
			}
			@include xs {
				display: block;
				width: 100%;
				border-bottom: solid 1px rgba(147,39,143,0.5);
			}
		}
		td {
			padding: 0;
			margin-bottom: 0;
			@include xs {
				display: block;
			}
		}
		&:first-child {
			border-right: none;
			@include xs {
				border-right: 1px solid #93278F;
				border-bottom: none;
			}
			th {
				border-right: none;
				@include xs {
					border-right: 1px solid #93278F;
				}
			}
			td {
				border-right: none;
				@include xs {
					border-right: 1px solid #93278F;
				}
			}
		}
	}
	dl {
		padding:0 2rem;
		margin-bottom: 0;
		dt {
			font-size: 18px;
			font-size: 1.8rem;
			font-weight: 500;
			color: $color-main;
			&::before {
				content: "◇"
			}
		}
		dd {
			text-indent: -1em;
			padding-left: 1em;
			margin-bottom: 2rem;
			&:last-child {
				margin-bottom: 0;
			}
			ul {
				padding-left: 0;
			}
		}
	}
}
//district------ここまで

//local-support
#local-support {
	.work {
		p {
			text-indent: -1em;
			padding-left: 1em;
		}
	}
}
//local-support------ここまで

//welfare-classroom
#welfare-classroom{
	table tr td {
		padding: 0;
	}
}
//welfare-classroom------ここまで