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


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


.cont01 { padding-top: 76px;}
.cont01 .inner { margin-bottom: 134px;}
.cont01 .inner .txt { width: 1158px; margin: auto;}
.cont01 .inner .txt h2 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 70px; text-align: center; margin-bottom: 50px;}
.cont01 .inner .txt p { font-size: 17px;}


.cont02 {}
.cont02 .inner { width: 1328px; margin: auto;}
.cont02 .inner > .txt { margin-bottom: 110px;}
.cont02 .inner > .txt h2 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 36px; text-align: center; margin-bottom: 40px;}
.cont02 .inner > .txt .img { width: 1218px; margin: auto;}
.cont02 .inner .box01 { width: 1226px; margin: 0 auto 140px;}
.cont02 .inner .box01 ul { width: 100%; display: flex; flex-wrap: wrap; gap: 39px;}
.cont02 .inner .box01 ul li { width: 574px;}
.cont02 .inner .box01 ul li figure {}
.cont02 .inner .box01 ul li figure figcaption {}
.cont02 .inner .box01 ul li figure figcaption h3 { width: 100%; height: 60px; background: #f2f0e9; font-size: 26px; font-weight: 600; text-align: center; align-content: center; margin-bottom: 24px;}
.cont02 .inner .box01 ul li figure figcaption p { font-size: 16px;}
.cont02 .inner .box01 ul li:nth-of-type(1) .img { margin-top: 18px;}
.cont02 .inner .box01 ul li:nth-of-type(2) .img { margin-top: 44px;}

.cont02 .inner .box02 { width: 1226px; margin: 0 auto 0;}
.cont02 .inner .box02 ul { width: 100%; display: flex; flex-wrap: wrap; gap: 39px;}
.cont02 .inner .box02 ul li { width: 574px; margin-bottom: 136px;}
.cont02 .inner .box02 ul li h3 { width: 100%; height: 60px; background: #ebd9da; font-size: 26px; font-weight: 600; text-align: center; align-content: center; margin-bottom: 24px;}
.cont02 .inner .box02 ul li p { font-size: 16px;}
.cont02 .inner .box02 ul li p:last-of-type:not(:only-of-type) { font-size: 14px; margin-top: 40px;}


}


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


.cont01 { padding-top: 4.5238vw;}
.cont01 .inner { margin-bottom: 7.9762vw;}
.cont01 .inner .txt { width: 68.9286vw; margin: auto;}
.cont01 .inner .txt h2 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 4.1667vw; text-align: center; margin-bottom: 2.9762vw;}
.cont01 .inner .txt p { font-size: 1.0119vw;}


.cont02 {}
.cont02 .inner { width: 79.0476vw; margin: auto;}
.cont02 .inner > .txt { margin-bottom: 6.5476vw;}
.cont02 .inner > .txt h2 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 2.1429vw; text-align: center; margin-bottom: 2.3810vw;}
.cont02 .inner > .txt .img { width: 72.5000vw; margin: auto;}
.cont02 .inner .box01 { width: 72.9762vw; margin: 0 auto 8.3333vw;}
.cont02 .inner .box01 ul { width: 100%; display: flex; flex-wrap: wrap; gap: 2.3214vw;}
.cont02 .inner .box01 ul li { width: 34.1667vw;}
.cont02 .inner .box01 ul li figure {}
.cont02 .inner .box01 ul li figure figcaption {}
.cont02 .inner .box01 ul li figure figcaption h3 { width: 100%; height: 3.5714vw; background: #f2f0e9; font-size: 1.5476vw; font-weight: 600; text-align: center; align-content: center; margin-bottom: 1.4286vw;}
.cont02 .inner .box01 ul li figure figcaption p { font-size: 0.9524vw;}
.cont02 .inner .box01 ul li:nth-of-type(1) .img { margin-top: 1.0714vw;}
.cont02 .inner .box01 ul li:nth-of-type(2) .img { margin-top: 2.6190vw;}

.cont02 .inner .box02 { width: 72.9762vw; margin: 0 auto 0;}
.cont02 .inner .box02 ul { width: 100%; display: flex; flex-wrap: wrap; gap: 2.3214vw;}
.cont02 .inner .box02 ul li { width: 34.1667vw; margin-bottom: 8.0952vw;}
.cont02 .inner .box02 ul li h3 { width: 100%; height: 3.5714vw; background: #ebd9da; font-size: 1.5476vw; font-weight: 600; text-align: center; align-content: center; margin-bottom: 1.4286vw;}
.cont02 .inner .box02 ul li p { font-size: 0.9524vw;}
.cont02 .inner .box02 ul li p:last-of-type:not(:only-of-type) { font-size: 0.8333vw; margin-top: 2.3810vw;}



}



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


.cont01 {}
.cont01 .inner { margin-bottom: 17.8667vw; padding: 0 4.0000vw;}
.cont01 .inner .txt { margin: auto;}
.cont01 .inner .txt h2 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 8.0000vw; text-align: center; margin-bottom: 6.6667vw;}
.cont01 .inner .txt p {}


.cont02 {}
.cont02 .inner { margin: 0 auto 14.6667vw; padding: 0 4.0000vw;}
.cont02 .inner > .txt { margin-bottom: 12.8000vw;}
.cont02 .inner > .txt h2 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 4.8000vw; text-align: center; margin-bottom: 5.3333vw;}
.cont02 .inner > .txt .img { width: auto; margin: auto;}
.cont02 .inner .box01 { margin: 0 auto 12.0000vw;}
.cont02 .inner .box01 ul { width: 100%; display: flex; flex-direction: column; gap: 13.3333vw;}
.cont02 .inner .box01 ul li {}
.cont02 .inner .box01 ul li figure {}
.cont02 .inner .box01 ul li figure figcaption {}
.cont02 .inner .box01 ul li figure figcaption h3 { width: 100%; height: 8.2667vw; background: #f2f0e9; font-size: 3.4667vw; font-weight: 600; text-align: center; align-content: center; margin-bottom: 3.2000vw;}
.cont02 .inner .box01 ul li figure figcaption p {}
.cont02 .inner .box01 ul li:nth-of-type(1) .img { margin-top: 2.4000vw;}
.cont02 .inner .box01 ul li:nth-of-type(2) .img { margin-top: 5.8667vw;}

.cont02 .inner .box02 { margin: 0 auto 0;}
.cont02 .inner .box02 ul { width: 100%; display: flex; flex-direction: column; gap: 9.3333vw;}
.cont02 .inner .box02 ul li { width: auto;}
.cont02 .inner .box02 ul li h3 { width: 100%; height: 8.2667vw; background: #ebd9da; font-size: 3.7333vw; font-weight: 600; text-align: center; align-content: center; margin-bottom: 3.2000vw;}
.cont02 .inner .box02 ul li p {}
.cont02 .inner .box02 ul li p:last-of-type:not(:only-of-type) { font-size: 2.5333vw; margin-top: 2.6667vw;}


}




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


.cont01 {}
.cont01 .inner { margin-bottom: 134px; padding: 0 30px;}
.cont01 .inner .txt { margin: auto;}
.cont01 .inner .txt h2 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 60px; text-align: center; margin-bottom: 50px;}
.cont01 .inner .txt p {}


.cont02 {}
.cont02 .inner { margin: 0 auto 110px; padding: 0 30px;}
.cont02 .inner > .txt { margin-bottom: 96px;}
.cont02 .inner > .txt h2 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 36px; text-align: center; margin-bottom: 40px;}
.cont02 .inner > .txt .img { width: auto; margin: auto;}
.cont02 .inner .box01 { margin: 0 auto 90px;}
.cont02 .inner .box01 ul { width: 100%; display: flex; flex-direction: column; gap: 100px;}
.cont02 .inner .box01 ul li {}
.cont02 .inner .box01 ul li figure {}
.cont02 .inner .box01 ul li figure figcaption {}
.cont02 .inner .box01 ul li figure figcaption h3 { width: 100%; height: 62px; background: #f2f0e9; font-size: 26px; font-weight: 600; text-align: center; align-content: center; margin-bottom: 24px;}
.cont02 .inner .box01 ul li figure figcaption p {}
.cont02 .inner .box01 ul li:nth-of-type(1) .img { margin-top: 18px;}
.cont02 .inner .box01 ul li:nth-of-type(2) .img { margin-top: 44px;}

.cont02 .inner .box02 { margin: 0 auto 0;}
.cont02 .inner .box02 ul { width: 100%; display: flex; flex-direction: column; gap: 70px;}
.cont02 .inner .box02 ul li { width: auto;}
.cont02 .inner .box02 ul li h3 { width: 100%; height: 62px; background: #ebd9da; font-size: 28px; font-weight: 600; text-align: center; align-content: center; margin-bottom: 24px;}
.cont02 .inner .box02 ul li p {}
.cont02 .inner .box02 ul li p:last-of-type:not(:only-of-type) { font-size: 19px; margin-top: 20px;}


}