@charset "utf-8";
/* CSS Document */


/*PC*/
@media screen and (min-width: 1680px) {


.cont01 { padding-top: 76px;}
.cont01 .inner { margin-bottom: 100px;}
.cont01 .inner > .txt { text-align: center; margin-bottom: 50px;}
.cont01 .inner > .txt h2 { font-family: "Noto Serif JP", serif; font-size: 44px; font-weight: 400; margin-bottom: 20px;}
.cont01 .inner > .txt h3 { width: 760px; margin: 0 auto 20px;}
.cont01 .inner > .txt p { font-size: 17px;}
.cont01 .inner .box { width: 1242px; margin: auto; scroll-margin-top: 80px;}
.cont01 .inner .box .img { height: 846px;}
.cont01 .inner .box .txt { height: 798px; background: #f6f9f4;}


.cont02 {}
.cont02 .inner { margin-bottom: 100px;}
.cont02 .inner .box { width: 1242px; margin: auto; scroll-margin-top: 80px;}
.cont02 .inner .box .img { height: 848px;}
.cont02 .inner .box .txt { height: 886px; background: #f6f9f4;}


.cont03 {}
.cont03 .inner { margin-bottom: 100px;}
.cont03 .inner .box { width: 1242px; margin: auto; scroll-margin-top: 80px;}
.cont03 .inner .box .img { height: 850px;}
.cont03 .inner .box .txt { height: 817px; background: #f6f9f4;}


}


/*PC*/
@media print, screen and (min-width: 768px) and ( max-width: 1679px) {


.cont01 { padding-top: 4.5238vw;}
.cont01 .inner { margin-bottom: 5.9524vw;}
.cont01 .inner > .txt { text-align: center; margin-bottom: 2.9762vw;}
.cont01 .inner > .txt h2 { font-family: "Noto Serif JP", serif; font-size: 2.6190vw; font-weight: 400; margin-bottom: 1.1905vw;}
.cont01 .inner > .txt h3 { width: 45.2381vw; margin: 0 auto 1.1905vw;}
.cont01 .inner > .txt p { font-size: 1.0119vw;}
.cont01 .inner .box { width: 73.9286vw; margin: auto; scroll-margin-top: 4.7619vw;}
.cont01 .inner .box .img { height: 50.3571vw;}
.cont01 .inner .box .txt { height: 47.5000vw; background: #f6f9f4;}


.cont02 {}
.cont02 .inner { margin-bottom: 5.9524vw;}
.cont02 .inner .box { width: 73.9286vw; margin: auto; scroll-margin-top: 4.7619vw;}
.cont02 .inner .box .img { height: 50.4762vw;}
.cont02 .inner .box .txt { height: 52.7381vw; background: #f6f9f4;}


.cont03 {}
.cont03 .inner { margin-bottom: 5.9524vw;}
.cont03 .inner .box { width: 73.9286vw; margin: auto; scroll-margin-top: 4.7619vw;}
.cont03 .inner .box .img { height: 50.5952vw;}
.cont03 .inner .box .txt { height: 48.6310vw; background: #f6f9f4;}


}



/*sp*/
@media only screen and (max-width: 767px) {


.cont01 {}
.cont01 .inner { margin-bottom: 13.3333vw;}
.cont01 .inner > .txt { text-align: center; margin-bottom: 14.6667vw; padding: 0 4.0000vw;}
.cont01 .inner > .txt h2 { font-family: "Noto Serif JP", serif; font-size: 8.0000vw; font-weight: 500; margin-bottom: 8.0000vw; letter-spacing: 0.1em;}
.cont01 .inner > .txt h3 { width: 65.8667vw; margin: 0 auto 6.9333vw;}
.cont01 .inner > .txt p {}
.cont01 .inner .box { margin: auto; scroll-margin-top: 22.6667vw;}
.cont01 .inner .box .img { height: 83.4667vw;}
.cont01 .inner .box .txt { height: 123.8667vw; background: #f6f9f4;}


.cont02 {}
.cont02 .inner { margin-bottom: 13.3333vw;}
.cont02 .inner .box { margin: auto; scroll-margin-top: 22.6667vw;}
.cont02 .inner .box .img { height: 83.4667vw;}
.cont02 .inner .box .txt { height: 181.3333vw; background: #f6f9f4;}


.cont03 {}
.cont03 .inner { margin-bottom: 13.3333vw;}
.cont03 .inner .box { margin: auto; scroll-margin-top: 22.6667vw;}
.cont03 .inner .box .img { height: 83.4667vw;}
.cont03 .inner .box .txt { height: 205.3333vw; background: #f6f9f4;}


}




/*sp*/
@media only screen and (width: 750px) {


.cont01 {}
.cont01 .inner { margin-bottom: 100px;}
.cont01 .inner > .txt { text-align: center; margin-bottom: 110px; padding: 0 30px;}
.cont01 .inner > .txt h2 { font-family: "Noto Serif JP", serif; font-size: 60px; font-weight: 500; margin-bottom: 60px; letter-spacing: 0.1em;}
.cont01 .inner > .txt h3 { width: 494px; margin: 0 auto 52px;}
.cont01 .inner > .txt p {}
.cont01 .inner .box { margin: auto; scroll-margin-top: 170px;}
.cont01 .inner .box .img { height: 626px;}
.cont01 .inner .box .txt { height: 929px; background: #f6f9f4;}


.cont02 {}
.cont02 .inner { margin-bottom: 100px;}
.cont02 .inner .box { margin: auto; scroll-margin-top: 170px;}
.cont02 .inner .box .img { height: 626px;}
.cont02 .inner .box .txt { height: 1360px; background: #f6f9f4;}


.cont03 {}
.cont03 .inner { margin-bottom: 100px;}
.cont03 .inner .box { margin: auto; scroll-margin-top: 170px;}
.cont03 .inner .box .img { height: 626px;}
.cont03 .inner .box .txt { height: 1540px; background: #f6f9f4;}


}