@charset "UTF-8";
/*single-ourworks*/
/* Scss Document */
/*関数宣言*/
/*関数宣言ここまで*/
/*メディアクエリ用関数*/
/* 変数宣言 */
/* 変数宣言 */
/* メディアクエリ使用例
@include max-screen($breakpoint-1000) 
}
@include min-screen($breakpoint-tablet) {
}
@include screen($breakpoint-1000, $breakpoint-tablet) {
}
*/
/*メディアクエリ用関数ここまで*/
/*SAMPLE*/
#youtube_area {
  margin: 5.333vw 0;
  /*20px 0*/ }
  @media screen and (min-width: 768px) {
    #youtube_area {
      margin: 4.286vw 0 7.143vw;
      /*60px 0 100px*/ } }
  @media screen and (min-width: 1400px) {
    #youtube_area {
      margin: 60px 0 100px; } }
  #youtube_area .youtube_wrap {
    width: 100%;
    height: 66.667vw;
    /*250px*/ }
    @media screen and (min-width: 768px) {
      #youtube_area .youtube_wrap {
        max-width: 1200px;
        width: 90%;
        margin: 0 auto;
        height: 46.429vw;
        /*650px*/ } }
    @media screen and (min-width: 1400px) {
      #youtube_area .youtube_wrap {
        height: 650px; } }
    #youtube_area .youtube_wrap iframe {
      width: 100%;
      height: 100%; }

/*.aboutSafety {
	background-color: $mainBlue;
	&:after {
		padding-top: 40%;
		@include max-screen($breakpoint-800) {
			padding-top: 90%;
		}
	}
	> div {
		padding: 35px;
		@include max-screen($breakpoint-640) {
			padding: 25px;
		}
	}
	&.time {
		background-image: url("../img/product/safetyrecorder/effect/clock_buck.png");
		background-repeat: no-repeat;
		background-position: top right;
		background-size: 70%;
	}
	.mainwrap {
		width: 1300px;
		font-family: "M PLUS Rounded 1c";
		@include max-screen($breakpoint-1350) {
			width: 95%;
		}
		.mainwrap-l {
			width: 77%;
			@include max-screen($breakpoint-640) {
				width: 100%;
			}
		}
	}
}*/
/*SAMPLE ここまで*/