@charset "UTF-8";

/*　----------------------------------------　

コンテンツ部分

------------------------------------------*/
.pulsespraydevice_top {
    background: url(../img/pulsespraydevice/bg_en.jpg) no-repeat;
    position: relative;
    background-size: contain;
    padding-top: 56%;
    background-position: center;
	margin-bottom: 200px;
}

.pulsespraydevice_top h1{
	font-size: 30px;
    text-align: center;
    color: #001C3F;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.pulsespraydevice_top h2 {
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
}

.FeaturesBox{
	width:700px;
 	margin: 80px auto 0px auto;
	clear: both;
}

.features {
	position: relative;
	padding-bottom: 10px;
	font-size: 26px;
	font-weight:bold;
	color: #005CB9;
	margin-bottom: 20px;
}

.features::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-image: repeating-linear-gradient(45deg, #849DBF 0px, #849DBF 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
	background-size: 4px 4px;
}

.FeaturesBox h4 {
	font-size: 25px;
    line-height: 2em;
	font-weight:bold;
	letter-spacing: normal;
	color: #000000;
	margin-bottom: 15px;
}

.imgBox1 {
	text-align: center;
}

.imgBox2 {
	width:232px;
	float:left;
	padding: 10px 0px 20px 20px;
}

.pBox2 {
	width:410px;
 	height:270px;
	float:right;
}

.clear {
 clear:both;
 margin-top:100px;
}

.youtube {
	text-align: center;
}

/* ボタン */
.dbtn {
display: inline-block;
  background: #df5213; /* 背景色 */
  color: #fff; /* 文字色 */
  padding: 16px 40px; /* 上下の余白、左右の余白 */
  text-decoration: none; /* デフォルトで入る下線を消す */
  text-align: center;
  width: 100%;
  max-width:560px;	
  border-radius: 30px; /* 角を丸くする */
  transition-property: opacity;
　-webkit-transition-property: opacity;
  transition-duration: .5s;
  -webkit-transition-duration: .5s;
  margin-top:30px;
}
.dbtn:hover {
  opacity: .7;
}

@media screen and (min-width: 768px) {
    .pulsespraydevice_top  {
        margin-bottom: 3rem;
    }
    .pulsespraydevice_top h1 {
        font-size: 2.5rem;
    }
}
  
@media screen and (max-width: 500px) {
    .pulsespraydevice_top {
        padding-top: 100%;
    }
}

@media screen and (min-width:501px) and ( max-width:620px) {
    .pulsespraydevice_top {
        padding-top: 85%;
    }
}

@media screen and (min-width:621px) and ( max-width:991px) {
   .pulsespraydevice_top {
        padding-top: 70%;
    }
}

@media screen and (min-width: 992px) {
    .nozzles {
        margin-right: 30px;
    }
}