@import url('https://fonts.googleapis.com/earlyaccess/hannari.css');
.section_top{
    background-color: #f8ffec;
}

.section_top h1{
    font-size: 2.5rem;
    font-weight: 200;
    line-height: 3.0rem;
    font-family: Yu Mincho;
    padding: 60px 20px;

}
.section_top p{
    font-size: 1.6rem;
    font-weight: 200;
    line-height: 1.5rem;
    font-family: Yu Gothic;
    padding: 20px 20px;
}

.container {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 40% 60%;
}

.itemA {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    background: #f88;
}

.photo1 img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.itemB {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
    background: #d24b4b;
}

.itemB {
    color: #000;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
                -1px 1px 0 #FFF, 1px -1px 0 #FFF,
                0px 1px 0 #FFF,  0-1px 0 #FFF,
                -1px 0 0 #FFF, 1px 0 0 #FFF;
  }

.itemB ul{
    width: 60%;
    margin: auto;
    text-align: left;
}

.itemB h1{
    font-size: 3.0rem;
    font-weight: 400;
    line-height: 3.5rem;
    font-family: Yu Mincho;
    padding: 80px 100px;
    width: 60%;
    margin: auto;
    text-align: left;
}

.itemB li{
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.5rem;
}

.container2 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 55% 45%;
}

.itemC {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
}

.itemC h1{
    font-size: 3.0rem;
    font-weight: 350;
    line-height: 5rem;
    letter-spacing: 0.25rem;
    font-family: "Hannari";
    padding: 80px 40px 40px;
    width: 80%;
    margin: auto;
    text-align: left;
}
.photo2 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 40% 60%;
    padding: 30px 30px 10px 30px;
}

.photo2_1 {
    padding: 10px;
}
.photo2_1 img{ 
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.photo2_2 {
    padding: 10px;
}

.photo2_2 img{
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.photo3{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.itemC p {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.0rem;
    text-align: left;
    padding-left: 10%;
}
.section_fourth{
    font-size: 3.0rem;
    font-weight: 400;
    line-height: 5.0rem;
    font-family: Yu Mincho;
    padding: 60px 20px 60px 20px;
    background: #b3d4a1;
}

.photo4 img{
    display: block;
    margin: auto;
    object-fit: cover;
    padding-top: 10%;
    height: 100%;
    transform: translate(0%,11.8%);
}
.itemE h1{
    font-size: 2.5rem;
    font-weight: 550;
    line-height: 2.0rem;
    text-align: right;
    padding-right: 5%;
    padding: 30px;
}

.photo5{
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 30% 30% 30% 10%;
    padding-bottom: 10%;
}

.photo5_1{
    padding: 15%;
    text-align: left;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 2.0rem;
    vertical-align: text-bottom;
}

.photo5_1 p{
    padding-top: 10%;
    padding-bottom: 20%;
}

.photo5_1 img{
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.photo5_2{
    padding: 15%;
    text-align: left;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 2.0rem;
}

.photo5_2 img{
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.photo5_2 p{
    padding-top: 10%;
    padding-bottom: 20%;
}

.photo5_3{
    padding: 15%;
    text-align: left;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 2.0rem;
}

.photo5_3 img{
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.photo5_3 p{
    padding-top: 10%;
    padding-bottom: 20%;
}

.footer{
    background: linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%);
}

.footer_comment{
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 4.0rem;
    font-family: Yu Mincho;
    padding: 120px 20px;
}

.footer_address{
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 3.0rem;
    font-family: Yu Mincho;
    padding: 60px 20px 120px;
}