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

//summer
//summer------ここまで

//little
//little------ここまで

//disaster
//disaster------ここまで

//listening
#listening {
	p {
		span {
			text-decoration: underline;
		}
	}
	a {
		color: $color-main;
		&:hover {
			color: $color-main;
			opacity: 0.7;
		}
	}
}
//listening------ここまで