@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------ここまで

//life-counseling
#life-counseling {
	p{
		a{
			color: $color-main!important;
			&:hover{opacity: 0.7}
		}
	}
	table {
		width: 100%;
		th {
			width: 15%;
			@include lg {
				width: 19%;
			}
			@include md {
				width: 22%;
			}
			@include sm {
				width: 30%;
			}
			@include xs {
				display: block;
				width: 100%;
				border-bottom: solid 1px rgba(147,39,143,0.5);
				text-align: center;
				line-height: 1.5;
			}
		}
		td {
			@include xs {
				display: block;
			}
			span {
				text-decoration: underline;
				a {
					color: $color-main;
					&:hover {
						color: $color-main;
						opacity: 0.7;
					}
				}

			}
		}
	}
	.conference {
		h5 {
			font-size: 18px;
			font-size: 1.8rem;
			margin-bottom: 0.5rem;
		}
		table {
			th {
				width: 19%;
				text-align: center;
				@include lg {
					width: 23%;
				}
				@include md {
					width: 28%;
				}
				@include sm {
					width: 20%;
					padding: 0.5rem 1.5rem;
				}
				@include xs {
					width: 100%;
					padding: 0.5rem 1.5rem;
				}
			}
		}
	}
}	
//life-counseling------ここまで

//guardianship
#guardianship {
	p{
		a{
			color: $color-main!important;
			&:hover{opacity: 0.7}
		}
	}
	.purple-back {
		padding: 2rem;
		p {
			margin-bottom: 0;
		}
	}
	dl {
		padding-left: 0.2rem;
		dt {
			font-size: 18px;
			font-size: 1.8rem;
			font-weight: 500;
		}
		dd {
			padding-left: 2.3em;
			margin-bottom: 2rem;
		}
	}
	.case {
		background-color: #b368b1;
		padding: 2rem;
		@include xs {
			padding: 1.5rem;
		}
		h5 {
			color: #fff;
			margin-top: 0;
		}
		ul {
			padding-left: 0;
			margin-bottom: 0;
			li {
				color: #fff;
			}
		}
	}
	h4 + ul{
		padding-left: 1em; 
		li{
			font-weight: bold;
			span 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;
				}
			}
		}
	}
}
//guardianship------ここまで

//independence
#independence {
	ul.subject {
		padding-left: 1em;
		text-indent: -1em;
		li {
		}
	}
	ul {
		padding-left: 0;
		li {
			@include xs {
				text-indent: -1em;
				padding-left: 1em;
			}
		}
	}
	dl {
		padding-left: 0.2rem;
		dt {
			font-size: 18px;
			font-size: 1.8rem;
			font-weight: 500;
		}
		dd {
			padding-left: 2.1em;
			margin-bottom: 2rem;
			ul {
				li {
					padding-left: 0;
					@include xs {
						text-indent: -1em;
					}
				}
			}
			&:last-child {
				ul {
					li {
						@include xs {
							text-indent: 0;
						}
					}
				}
			}
		}
	}
	.price {
		th {
			text-align: center;
			@include sm {
				padding: 0.5rem;
			}
		}
		td {
			@include sm {
				line-height: 1.5;
				padding: 0.5rem;
			}
			ul {
				margin-bottom: 0;
				li {
					display: table;
					@include xs {
						text-indent: 0;
						padding-left: 0;
					}

				}
			}
		}
	}
	a {
		text-decoration: underline;
		font-weight: 500;
		padding-left: 1em;
		color: $color-main;
		@include sm {
			padding-left: 0; 
		}
		&::after {
			font-family: "Font Awesome 5 Free";
			content: "\f35d";
			font-weight: 900;
		}
		&:hover {
			opacity: 0.7;
		}
	}
	
	
}
#livelihood-welfare-fund-loan-business{
	a {
		text-decoration: underline;
		font-weight: 500;
		padding-left: 1em;
		color: $color-main;
		@include sm {
			padding-left: 0; 
		}
		&::after {
			font-family: "Font Awesome 5 Free";
			content: "\f35d";
			font-weight: 900;
		}
		&:hover {
			opacity: 0.7;
		}
	}
}
//independence------ここまで