@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1025px){
/* 貸借覚書  start*/
.taishaku-section{
    width: 90%;
    max-width: 1000px;
    place-content: center;
    margin: 0px auto 50px auto;
}
.taishaku-content1{
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: auto;
    grid-template-areas:
    "image text";
    place-items: center;
}
.taishaku-image{
    grid-area: image;
}
.taishaku-text{
    gird-area: text;
}
.taishaku-point{
    display: grid;
    grid-template-columns: 5% 20% 65%;
    grid-template-rows: auto;
    grid-template-areas:
    "boxA boxD boxD"
    "boxB boxC boxC";
    background-color: #fffef3; 
    gap: 3%;
}
.point-ore{
    grid-area: boxA;
}
.point-title{
    grid-area:boxD;
}
.point-title p{
    font-size: 1.8rem;
    font-weight: 800;
    color: #de8710;
}
.point-number{
    grid-area: boxB;
    text-align: right;
    align-items: center;
}
.point-number p{
    font-size: 1.8rem;
    font-weight: 600;
    color: #de8710;
    margin-left: 2%;
 }
.point-text{
    grid-area: boxC;
    margin-bottom: 20px;
}
.taishaku-content2{
    width: 80%;
    margin: auto;
}
.taishaku-item2{
    background-color: #fbfde0;
}
.taishaku-content2 h1{
    font-size:1.2rem;
    text-align: center;
}
.taishaku-content3{

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

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