@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1025px){
/* 高圧ガスボンベの処分 start*/
.disposal-section{
    width: 100%;
}
.disposal-content{
    width: 90%;
    max-width: 1000px;
    margin: auto;
    display: flex;
    flex-flow: row wrap;
    gap: 5%;
    place-items: center;
}
.disposal-image{
    width: 35%;
}
.disposal-text{
    width: 60%;
}
/* 高圧ガスボンベの処分 end*/
/*高圧ガス容器（ボンベ）を処分するには start*/
.dispo-section{
    width: 100%;
}
.dispo-content{
    width: 90%;
    max-width: 1000px;
    margin: auto;
    display: flex;
    flex-flow: row wrap;
    gap: 5%;
    place-items: center;
    background-color: rgba(158,215,236,0.1);
}
.dispo-content p{
    margin-left :3%;
}
.dispo-title{
    width: 100%;
    background-color: #4ec1ec;
}
.dispo-title h1{
    color:white;
    font-weight: 600;
    font-size:1.2rem;
    margin-left: 5%;
}
.dispo-image1{
    width: 60%;
    margin: auto;
}
.dispo-image2{
    width: 15%;
    margin: auto;
}
.dispo-text{
    width: 60%;
}
.dispo-title2{
    width: 100%;
    margin: auto;
    display: flex;
    flex-flow: row wrap;
    place-items: center;
}
.dispo-title2 img{
    width: 5%;
    display: block;
    margin-left: 5%;
}
.dispo-content a{
    width: 25%;
    margin: 20px auto 50px auto;
    min-width :150px;
    line-height: 0.7;
}
.dispo-link{
    background-color: #13a2de;
    place-items: center;
    place-content: center;
    border-radius: 10px;
}
.dispo-link h2{
    color: white;
    font-weight: 500;
    font-size: 1.0rem;
    display: block;
}
.dispo-link p{
    color: white;
    font-size: 0.8rem;
    text-align: center;
    display: block;
}
/*高圧ガス容器（ボンベ）を処分するには end*/
/* 不明容器の処分 start */
.humei-section{
    width: 80%;
    margin: auto;
    background-color: #f8fbf8;
    max-width: 1200px;
}
.humei-content{
    width: 80%;
    margin: 50px auto 100px auto;
    display: grid;
    grid-template-columns: 20% 61% 15%;
    grid-template-rows: auto;
    grid-template-areas:
    "boxA boxB boxC";
    gap: 4%;
    place-items: center;

}
.humei-image1{
    grid-area: boxA;
}
.humei-image2{
    grid-area: boxC;
    max-width: 150px;
}
.humei-text{
    grid-area: boxB;
}
/* 不明容器の処分 end */
/* 対応不可 start */
.huka-section{
    width: 80%;
    margin: auto;
    background-color: #e62b70;
    max-width: 1200px;
    padding-top: 5px;
    padding-bottom: 20px;
    border-radius: 10px;
}
.huka-content{
    width: 80%;
    margin: auto;
}
.huka-content p, .huka-content h1{
    color: white;
}
/* 対応不可 start */
}
@media screen and (min-width: 481px) and (max-width: 1024px){
/* 高圧ガスボンベの処分 start*/
.disposal-section{
    width: 100%;
}
.disposal-content{
    width: 90%;
    max-width: 1000px;
    margin: auto;
    display: flex;
    flex-flow: column wrap;
    gap: 5%;
    place-items: center;
}
.disposal-image{
    width: 40%;
}
.disposal-text{
    width: 100%;
}
/* 高圧ガスボンベの処分 end*/
/*高圧ガス容器（ボンベ）を処分するには start*/
.dispo-section{
    width: 100%;
}
.dispo-content{
    width: 90%;
    max-width: 1000px;
    margin: auto;
    display: flex;
    flex-flow: row wrap;
    gap: 5%;
    place-items: center;
    background-color: rgba(158,215,236,0.1);
}
.dispo-content p{
    margin-left :3%;
}
.dispo-title{
    width: 100%;
    background-color: #4ec1ec;
}
.dispo-title h1{
    color:white;
    font-weight: 600;
    font-size:1.2rem;
    margin-left: 5%;
}
.dispo-image1{
    width: 80%;
    margin: auto;
}
.dispo-image2{
    width: 30%;
    max-width: 150px;
    margin: auto;
}
.dispo-text{
    width: 60%;
}
.dispo-title2{
    width: 100%;
    margin: auto;
    display: flex;
    flex-flow: row wrap;
    place-items: center;
}
.dispo-title2 img{
    width: 10%;
    display: block;
    margin-left: 5%;
}
.dispo-content a{
    width: 25%;
    margin: 20px auto 50px auto;
    min-width :150px;
    line-height: 0.7;
}
.dispo-link{
    background-color: #13a2de;
    place-items: center;
    place-content: center;
    border-radius: 10px;
}
.dispo-link h2{
    color: white;
    font-weight: 500;
    font-size: 1.0rem;
    display: block;
}
.dispo-link p{
    color: white;
    font-size: 0.8rem;
    text-align: center;
    display: block;
}
/*高圧ガス容器（ボンベ）を処分するには end*/
/* 不明容器の処分 start */
.humei-section{
    width: 90%;
    margin: auto;
    background-color: #f8fbf8;
    padding-bottom: 100px;
}
.humei-content{
    width: 90%;
    margin: auto;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-template-areas:
    "boxA"
    "boxB"
    "boxC";
    gap: 4%;
    place-items: center;

}
.humei-image1{
    grid-area: boxA;
    width: 60%;
}
.humei-image2{
    grid-area: boxC;
    max-width: 150px;
}
.humei-text{
    grid-area: boxB;
}
/* 不明容器の処分 end */
/* 対応不可 start */
.huka-section{
    width: 90%;
    margin: auto;
    background-color: #e62b70;
    max-width: 1200px;
    padding-top: 5px;
    padding-bottom: 20px;
    border-radius: 10px;
}
.huka-content{
    width: 80%;
    margin: auto;
}
.huka-content p, .huka-content h1{
    color: white;
}
/* 対応不可 start */
}
@media screen and (max-width: 480px){
/* 高圧ガスボンベの処分 start*/
.disposal-section{
    width: 100%;
}
.disposal-content{
    width: 96%;
    margin: auto;
    display: flex;
    flex-flow: column wrap;
    gap: 5%;
    place-items: center;
}
.disposal-image{
    width: 40%;
}
.disposal-text{
    width: 100%;
}
.disposal-text h1{
    font-size: 1.3rem;
}
/* 高圧ガスボンベの処分 end*/
/*高圧ガス容器（ボンベ）を処分するには start*/
.dispo-section{
    width: 100%;
}
.dispo-content{
    width: 96%;
    margin: auto;
    display: flex;
    flex-flow: row wrap;
    gap: 5%;
    place-items: center;
    background-color: rgba(158,215,236,0.1);
}
.dispo-content p{
    margin-left :3%;
}
.dispo-title{
    width: 100%;
    background-color: #4ec1ec;
}
.dispo-title h1{
    color:white;
    font-weight: 600;
    font-size:1.2rem;
    margin-left: 5%;
}
.dispo-image1{
    width: 100%;
    margin: auto;
}
.dispo-image2{
    width: 30%;
    max-width: 150px;
    margin: auto;
}
.dispo-text{
    width: 60%;
}
.dispo-title2{
    width: 100%;
    margin: auto;
    display: flex;
    flex-flow: row wrap;
    place-items: center;
}
.dispo-title2 img{
    width: 10%;
    display: block;
    margin-left: 5%;
}
.dispo-content a{
    width: 35%;
    margin: 20px auto 50px auto;
    min-width :150px;
    line-height: 0.7;
}
.dispo-link{
    background-color: #13a2de;
    place-items: center;
    place-content: center;
    border-radius: 10px;
}
.dispo-link h2{
    color: white;
    font-weight: 500;
    font-size: 1.0rem;
    display: block;
}
.dispo-link p{
    color: white;
    font-size: 0.8rem;
    text-align: center;
    display: block;
}
/*高圧ガス容器（ボンベ）を処分するには end*/
/* 不明容器の処分 start */
.humei-section{
    width: 90%;
    margin: auto;
    background-color: #f8fbf8;
    padding-bottom: 100px;
}
.humei-content{
    width: 90%;
    margin: auto;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-template-areas:
    "boxA"
    "boxB"
    "boxC";
    gap: 4%;
    place-items: center;

}
.humei-image1{
    grid-area: boxA;
    width: 60%;
}
.humei-image2{
    grid-area: boxC;
    max-width: 150px;
}
.humei-text{
    grid-area: boxB;
}
.humei-text h1{
    font-size: 1.3rem;
}
/* 不明容器の処分 end */
/* 対応不可 start */
.huka-section{
    width: 96%;
    margin: auto;
    background-color: #e62b70;
    max-width: 1200px;
    padding-top: 5px;
    padding-bottom: 20px;
    border-radius: 10px;
}
.huka-content{
    width: 80%;
    margin: auto;
}
.huka-content p, .huka-content h1{
    color: white;
}
.huka-content h1{
    font-size: 1.3rem;
}
/* 対応不可 start */
}