@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;
  }
}
//ブレイクポイントを指定------ここまで

/*---------- lower-header ----------*/
#lower-header {
	background-image: url("../img/side-title-3.jpg");
	background-position: center right 40%!important;
}

/*---------- point　----------*/
#point {
	background-image: url("../img/point-back.jpg");		
}

/*---------- material　----------*/
#material {
	dl {
		margin-bottom: 3rem;
		dt {
			font-size: 25px;
			font-size: 2.5rem;
			margin-bottom: 0.5rem;
			&::before {
				content: "■";
				color: #ff742e;
			}
		}
		dd {
			padding-left: 1.7em;
			text-align: justify;
		}
	}
	p {
		color: #666;
		letter-spacing: 0.15em;
		text-align: center;
	}
}

/*---------- product　----------*/
#product {
	.blog-box {
		border: solid 1px #0084e0;
		.blog-img {
			overflow: hidden;
			position: relative;
			height: 200px;
			margin: 1.5rem;
			img {
				height: 100%;
				position: absolute;
				top: 50%;
				transform: translateY(-50%) ;
				-webkit-transform: translateY(-50%);
			}
		}
		p {
			font-size: 12px;
			font-size: 1.2rem;
			margin-left: 1.5rem;
			margin-bottom: 0;
		}
		h5 {
			font-size: 16px;
			font-size: 1.6rem;
			margin-left: 1.5rem;
			margin-bottom: 3rem;
		}
	}
}

/*---------- qanda　----------*/
#qanda {
	
}