@charset "utf-8";
.container-1000 {max-width: 1000px; width: calc(100% - 40px); margin: 0 auto;}
section img{ display: block;width: 100%;}

.sect1 {margin-bottom: 100px;}
.sect1 .img {position: relative; margin-bottom: 50px;}
.sect1 .img figure {position: relative;}
.sect1 .img figure figcaption {font-size: 10px; padding: 5px 10px 0;}
.sect1 .img .overlay {position: absolute;top: 0; right: 9rem; padding: 33px 22px 25px 29px; background: rgba(152, 122, 68, 0.8);color: #fff;}
.sect1 .img .overlay h3 {font-size: 2.5rem; margin-bottom: 20px; line-height: 0.5;}
.sect1 .img .overlay h3 span {display: block;}
.sect1 .img .overlay h3 span:nth-of-type(1) {font-size: 2.5rem; font-style: italic; letter-spacing: 0.4rem;}
.sect1 .img .overlay h3 span:nth-of-type(2) {font-size: 1.7rem;}
.sect1 .img .overlay h3 span img {width: auto; margin: 3px 0;}
.sect1 .img .overlay p {font-size: 1.5rem; line-height: 1.79; letter-spacing: 0.1em;}
.sect1 .img2 {margin-bottom: 0;}
.sect1 .img2 .overlay {left: auto; right: 50px;}
.sect1 .boxTit{display: flex;align-items: center;}
.sect1 .boxTit img{width: 142px;}
.sect1 .img .overlay .boxTit span:nth-of-type(1) {font-size: 1.7rem;padding-left: 9px; letter-spacing: -2px;line-height: 1;}

.sect2 {padding: 0 10px; margin-bottom: 5.2vw;}
.sect2 .row{ justify-content: space-between;align-items: center;}
.sect2 .container{max-width: 1800px; margin: 0 auto; width: calc(100% - 40px);}
.sect2 .left{width: 55.6%;margin-left: -6rem;row-gap: 1.9rem;display: flex;flex-direction: column;}

.sect2 .right{width: 41.7%;display: flex;flex-direction: column;justify-content: space-between;margin-right: 2.3rem;row-gap: 1.9rem;}


.sect3 {margin-bottom: 5.1vw}
.sect3 .img {position: relative; margin-bottom: 50px;}
.sect3 .img figure {position: relative;}
.sect3 .img figure figcaption {font-size: 10px; padding: 5px 10px 0;}
.sect3 .img .overlay {position: absolute;top: 0; left: 9rem; padding: 33px 34px 25px 29px; background: rgba(152, 122, 68, 0.8);color: #fff;}
.sect3 .img .overlay h3 {font-size: 2.5rem; margin-bottom: 20px; line-height: 0.5;}
.sect3 .img .overlay h3 span {display: block;}
.sect3 .img .overlay h3 span:nth-of-type(1) {font-size: 2.5rem; font-style: italic; letter-spacing: 0.4rem;}
.sect3 .img .overlay h3 span:nth-of-type(2) {font-size: 1.7rem;}
.sect3 .img .overlay h3 span img {width: auto; margin: 3px 0;}
.sect3 .img .overlay p {font-size: 1.5rem; line-height: 1.79; letter-spacing: 0.1em;}
.sect3 .img2 {margin-bottom: 0;}
.sect3 .img2 .overlay {left: auto; right: 50px;}
.sect3 .boxTit{display: flex;align-items: center;}
.sect3 .boxTit img{width: 111px;}
.sect3 .img .overlay .boxTit span:nth-of-type(1) {font-size: 1.7rem;padding-left: 9px; letter-spacing: -2px;line-height: 1;}

.sect4 {padding: 0 10px; margin-bottom: 5.2vw;}
.sect4 .row{ justify-content: space-between;align-items: center;}
.sect4 .container{max-width: 1800px; margin: 0 auto; width: calc(100% - 40px);}
.sect4 .right{width: 55.6%;margin-right: -6rem;row-gap: 1.9rem;display: flex;flex-direction: column;}
.sect4 .left{width: 41.7%;display: flex;flex-direction: column;justify-content: space-between;margin-left: 2.6rem;row-gap: 1.9rem;}



/* MEDIA */
@media screen and (max-width: 1280px){
    section img{height: auto;}
}
@media (max-width: 1080px) and (min-width: 768px){
    .sect1 .img .overlay h3 span:nth-of-type(1) {font-size: 2vw;}
    .sect1 .img .overlay h3 span:nth-of-type(2) {font-size: 1.3vw;}
    .sect1 .img .overlay p {font-size: 1.2vw;}
}

@media screen and (max-width: 768px) {
    
    .sect1 {margin-bottom: 20px;}
    .sect1 .img {margin-bottom: 0;}
    .sect1 .img .overlay {position: static; padding: 50px 20px;}
    .sect1 .img figure {margin-bottom: 20px;}
    .sect1 .img figure figcaption {position: static; margin-top: 5px; color: #000; padding: 0 10px;}

    .sect2 {padding: 0 15px; margin-bottom: 20px;}
    .sect2 img{margin-bottom: 2vw;}
    .sect2 .container {width: 100%;}
    .sect2 .left {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 2%;flex-direction: row;}
    .sect2 .left img {width: 49%; margin: 0;}
    .sect2 .right {width: 100%;margin: 0; row-gap: unset;}        
    .sect2 .right img:last-of-type {margin-bottom: 0;}
    

    .sect3 {margin-bottom: 20px;}
    .sect3 .img {margin-bottom: 0;}
    .sect3 .img .overlay {position: static; padding: 50px 20px;}
    .sect3 .img figure {margin-bottom: 20px;}
    .sect3 .img figure figcaption {position: static; margin-top: 5px; color: #000; padding: 0 10px;}
    
    .sect4 {padding: 0 15px; margin-bottom: 40px;}
    .sect4 .container {width: 100%;}
    .sect4 .left {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 2%;flex-direction: row;}
    .sect4 .left img {width: 49%; margin: 0;}
    .sect4 .right {width: 100%;margin: 0; row-gap: unset;}
    .sect4 img{margin-bottom: 2vw;}
}