@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1025px){
/* 高圧ガス容器委託管理契約  start*/
.itaku-section{
    width: 90%;
    max-width: 1000px;
    place-content: center;
    margin: 0px auto 50px auto;
}
.itaku-content1{
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: auto;
    grid-template-areas:
    "image text";
    place-items: center;
}
.itaku-image{
    grid-area: image;
}
.itaku-text{
    gird-area: text;
}
.itaku-point{
    display: grid;
    grid-template-columns: 5% 20% 65%;
    grid-template-rows: auto;
    grid-template-areas:
    "boxA boxD boxD"
    "boxB boxC boxC";
    background-color: #f4f9f2; 
    gap: 3%;
}
.point-ore{
    grid-area: boxA;
}
.point-title{
    grid-area:boxD;
}
.point-title p{
    font-size: 1.8rem;
    font-weight: 800;
    color: #376331;
}
.point-number{
    grid-area: boxB;
    text-align: right;
    align-items: center;
}
.point-number p{
    font-size: 1.8rem;
    font-weight: 600;
    color: #376331;
    margin-left: 2%;
 }
.point-text{
    grid-area: boxC;
    margin-bottom: 20px;
}
.itaku-content2{
    width: 80%;
    margin: auto;
}
.itaku-item2{
    background-color: #fbfde0;
}
.itaku-content2 h1{
    font-size:1.2rem;
    text-align: center;
}
.itaku-content3{

    width: calc( 100% -40px );
    padding: 20px;
}
.itaku-content3 h1{
    width: 90%;
    margin: auto auto 20px auto;
    font-size: 1.4rem;
}
.itaku-content3 h2{
    width: 90%;
    margin: auto;
    font-size: 1.1rem;
}
.itaku-content3 p{
    width: 90%;
    margin: auto;
}

}
@media screen and (min-width: 481px) and (max-width: 1024px){
/* 高圧ガス容器委託管理契約  start*/
.itaku-section{
    width: 90%;
    max-width: 1000px;
    place-content: center;
    margin: 0px auto 50px auto;
}
.itaku-content1{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
    "image"
    "text";
    place-items: center;
}
.itaku-image{
    grid-area: image;
    width: 40%;
}
.itaku-text{
    gird-area: text;
}
.itaku-point{
    display: grid;
    grid-template-columns: 5% 20% 65%;
    grid-template-rows: auto;
    grid-template-areas:
    "boxA boxD boxD"
    "boxB boxC boxC";
    background-color: #f4f9f2; 
    gap: 3%;
}
.point-ore{
    grid-area: boxA;
}
.point-title{
    grid-area:boxD;
}
.point-title p{
    font-size: 1.8rem;
    font-weight: 800;
    color: #376331;
}
.point-number{
    grid-area: boxB;
    text-align: right;
    align-items: center;
}
.point-number p{
    font-size: 1.8rem;
    font-weight: 600;
    color: #376331;
    margin-left: 10px;
 }
.point-text{
    grid-area: boxC;
    margin-bottom: 20px;
}
.itaku-content2{
    width: 100%;
    margin: auto;
}
.itaku-item2{
    background-color: #fbfde0;
}
.itaku-content2 h1{
    font-size:1.2rem;
    text-align: center;
}
.itaku-content3{
    width: calc( 100% -40px );
    padding: 20px;
}
.itaku-content3 h1{
    width: 90%;
    margin: auto auto 20px auto;
    font-size: 1.4rem;
}
.itaku-content3 h2{
    width: 90%;
    margin: auto;
    font-size: 1.1rem;
}
.itaku-content3 p{
    width: 90%;
    margin: auto;
}
}
@media screen and (max-width: 480px){
/* 高圧ガス容器委託管理契約  start*/
.itaku-section{
    width: 90%;
    max-width: 1000px;
    place-content: center;
    margin: 0px auto 50px auto;
}
.itaku-content1{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
    "image"
    "text";
    place-items: center;
}
.itaku-image{
    grid-area: image;
    width: 40%;
}
.itaku-text{
    gird-area: text;
}
.itaku-point{
    display: grid;
    grid-template-columns: 10% 20% 60%;
    grid-template-rows: auto;
    grid-template-areas:
    "boxA boxD boxD"
    "boxB boxC boxC";
    background-color: #f4f9f2; 
    gap: 3%;
}
.point-ore{
    grid-area: boxA;
}
.point-title{
    grid-area:boxD;
}
.point-title p{
    font-size: 1.8rem;
    font-weight: 800;
    color: #376331;
}
.point-number{
    grid-area: boxB;
    text-align: right;
    align-items: center;
}
.point-number p{
    font-size: 1.8rem;
    font-weight: 600;
    color: #376331;
    margin-left: 5%;
 }
.point-text{
    grid-area: boxC;
    margin-bottom: 20px;
}
.itaku-content2{
    width: 100%;
    margin: auto;
}
.itaku-item2{
    background-color: #fbfde0;
}
.itaku-content2 h1{
    font-size:1.2rem;
    text-align: center;
}
.itaku-content3{
    width: calc( 100% -40px );
    padding: 20px;
}
.itaku-content3 h1{
    width: 90%;
    margin: auto auto 20px auto;
    font-size: 1.4rem;
}
.itaku-content3 h2{
    width: 90%;
    margin: auto;
    font-size: 1.1rem;
}
.itaku-content3 p{
    width: 90%;
    margin: auto;
}
}