@charset "UTF-8";

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

コンテンツ部分

------------------------------------------*/
h3 {
    font-size: 16px;
    line-height: 24px;
}

@media screen and (min-width: 768px) {
    .pressoilnozzle_top  {
        margin-bottom: 3rem;
    }
    .pressoilnozzle_top h2 {
        font-size: 2.5rem;
    }
}

    
@media screen and (max-width: 500px) {
    .pressoilnozzle_top {
        padding-top: 100%;
    }
}

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

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

@media screen and (max-width: 700px) {
    #ipros a {
        height: inherit;
        padding-top: 28%;
        background-size: cover;
    }
}

@media screen and (min-width:701px) and ( max-width:991px) {
    #ipros a {
        background-size: cover;
        height: 180px;
        max-height: 180px;
    }
}

@media screen and (min-width: 992px) {
    .merit {
        display: -ms-flexbox;
        display: flex;
    }
    .mi_circle {
        margin-right: 30px;
    }

    .lineup {
        display: -ms-flexbox;
        display: flex;
    }
    .nozzles {
        margin-right: 30px;
    }
}

h2.mi_title1 {
    font-size: 28px;
    margin-bottom: 20px;
}

h2.mi_feature {
    position: relative;
    display: block;
    padding: 0.2em 0 0.2em 1.4em;
    font-size:20px;
    margin: 60px 0 20px 0;
}

h2.mi_feature::before {
    position: absolute;
    top: 0.3em;
    left: 0;
    display: block;
    width: 0.5em;
    height: 0.5em;
    background: #6AB24F;
    box-shadow: 0 0.6em 0 #0F733A, 0.6em 0 0 #0F733A, 0.6em 0.6em 0 #6AB24F;
    content: "";
}

h3.mi_item {
    color: #0F733A;
    font-weight: 600;
    margin-top: 20px;
}
/*
section.benefit_dng h3 {
    padding-left: 30px; 
}

p.p30 {
    padding-left: 30px;  
}
*/

section.data_dng {
    padding-bottom: 30px;
}

p.data_small {
    font-size: 12px;
    font-weight: normal;
    padding: 0px;
}

/*　関連情報--------------------　*/

.relation_area {
    border: 1px solid #cdcdcd;
    padding: 10px 5px 5px 15px;
}
.relation_ttl {
    font-size: 1.6rem;
    font-weight: bold;
    color: #1f518e;
    margin-bottom: 10px;
}
.relation_area_link ul li {
    margin-bottom: 10px;
    display: block;
}

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