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


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


.cont01 { padding-top: 76px;}
.cont01 .inner {}
.cont01 .inner .box { width: 1328px; margin: 0 auto 94px; display: flex; justify-content: space-between; align-items: baseline;}
.cont01 .inner .box .boxL { width: 548px;}
.cont01 .inner .box .boxL .txt { width: 100%;}
.cont01 .inner .box .boxL .txt h3 { width: 100%; margin-bottom: 78px;}
.cont01 .inner .box .boxL .txt p { font-size: 30px; line-height: 54px;}
.cont01 .inner .box .boxR { width: 688px;}
.cont01 .inner .box .boxR .txt { padding: 50px 38px 20px 44px; position: relative;}
.cont01 .inner .box .boxR .txt::before { content: ""; width: 148px; height: 160px; border-top: solid 1px var(--color99); border-left: solid 1px var(--color99); position: absolute; top: 0; left: 0;}
.cont01 .inner .box .boxR .txt::after  { content: ""; width: 148px; height: 160px; border-bottom: solid 1px var(--color99); border-right: solid 1px var(--color99); position: absolute; bottom: 0; right: 0;}
.cont01 .inner .box .boxR .txt h4 { font-size: 34px; text-align: center; position: absolute; left: 0; right: 0; top: -0.8em; font-family: "Noto Serif JP", serif; font-weight: 700;}
.cont01 .inner .box .boxR .txt .img { width: 312px; position: absolute; top: -150px; right: 100px;}
.cont01 .inner .box .boxR .txt p { font-size: 17px;}


.cont02 {}
.cont02 .inner {}
.cont02 .inner .box { width: 1326px; margin: 0 auto 90px;}
.cont02 .inner .box h3 { font-family: "Noto Serif JP", serif; font-weight: 400; font-size: 50px; text-align: center; margin-bottom: 50px;}

.cont02 .inner .box ol { width: 100%; display: flex; flex-wrap: wrap; counter-reset: number 0;}
.cont02 .inner .box ol li { width: 404px; padding: 27px; background: #f2f0e9; margin: 56px 0 0 56px; position: relative;}
.cont02 .inner .box ol li::before { content: ""; width: 91px; height: 118px; background: var(--color00); clip-path: polygon(0% 0%, 100% 0%, 0 100%); position: absolute; top: 0; left: 0;}
.cont02 .inner .box ol li::after { counter-increment: number 1; content: counter(number) ""; position: absolute; top: -30px; left: 0; font-family: "Noto Serif JP", serif; font-weight: 400; font-size: 84px; width: 91px; text-align: center;}
.cont02 .inner .box ol li:nth-of-type(1),
.cont02 .inner .box ol li:nth-of-type(2),
.cont02 .inner .box ol li:nth-of-type(3) { margin-top: 0;}
.cont02 .inner .box ol li:nth-child(3n+1) { margin-left: 0;}
.cont02 .inner .box ol li h4 { text-align: center; padding: 0 0 20px; font-size: 26px; font-weight: 600;}
.cont02 .inner .box ol li figure { width: 100%; height: 206px; margin-bottom: 10px; align-content: flex-end; margin-top: -30px;}
.cont02 .inner .box ol li:nth-of-type(1) figure { padding-bottom: 30px;}
.cont02 .inner .box ol li:nth-of-type(2) figure { padding-bottom: 30px;}
.cont02 .inner .box ol li p { width: 100%; font-size: 17px;}


.cont03 {}
.cont03 .inner {}
.cont03 .inner .box { width: 1324px; margin: 0 auto 90px; background: #f5f7ec; border-top: solid 7px #758138; padding: 24px 40px;}
.cont03 .inner .box .txt { width: 100%; margin: 0 auto 30px;}
.cont03 .inner .box .txt h3 { font-size: 26px; font-weight: 600; text-align: center; margin-bottom: 20px;}
.cont03 .inner .box .txt p { font-size: 17px;}
.cont03 .inner .box .inbox { background: var(--color00); padding: 16px 30px;}
.cont03 .inner .box .inbox h4 { font-size: 22px; font-weight: 600; text-align: center; margin-bottom: 20px;}
.cont03 .inner .box .inbox .list { display: flex; justify-content: space-between; position: relative;}
.cont03 .inner .box .inbox .list::before { content: ""; position: absolute; top: 0; left: 591px; bottom: 0; margin: auto; width: 2px; background-image: linear-gradient(to bottom, #333 4px, transparent 4px); background-size: 4px 8px; background-repeat: repeat-y; background-position: left top;}
.cont03 .inner .box .inbox .list .list_box { width: 570px;}
.cont03 .inner .box .inbox .list .list_box h5 { font-size: 20px; font-weight: 600; text-align: center;}
.cont03 .inner .box .inbox .list .list_box ul { display: flex; flex-wrap: wrap;}
.cont03 .inner .box .inbox .list .list_box ul li { width: 275px; display: flex; flex-direction:row-reverse; justify-content: space-between; align-items: center; padding: 10px 0;}
.cont03 .inner .box .inbox .list .list_box ul li:nth-child(2n+1) { margin-right: 20px;}
.cont03 .inner .box .inbox .list .list_box ul li .list_txt { width: 148px;}
.cont03 .inner .box .inbox .list .list_box ul li .list_txt h6 { font-size: 14px; font-weight: 600; margin-bottom: 5px; font-feature-settings: "palt"; white-space: nowrap; text-align: center;}
.cont03 .inner .box .inbox .list .list_box ul li .list_txt p { font-size: 11.5px;}
.cont03 .inner .box .inbox .list .list_box ul li .img { width: 116px;}



.cont04 {}
.cont04 .inner {}
.cont04 .inner .box { width: 1324px; margin: 0 auto 90px; background: #f5f7ec; border-top: solid 7px #758138; padding: 24px 40px;}
.cont04 .inner .box .txt { width: 100%; margin: 0 auto 30px;}
.cont04 .inner .box .txt h3 { font-size: 26px; font-weight: 600; text-align: center; margin-bottom: 20px;}
.cont04 .inner .box .txt p { font-size: 17px;}
.cont04 .inner .box .list { width: 1226px; margin: auto; display: flex; justify-content: space-between;}
.cont04 .inner .box .list .list_box { width: 590px; background: var(--color00); padding: 20px 32px;}
.cont04 .inner .box .list .list_box h4 { font-size: 20px; font-weight: 600; margin-bottom: 10px; text-align: center;}
.cont04 .inner .box .list .list_box figure { display: flex; justify-content: space-between; flex-direction: row-reverse;}
.cont04 .inner .box .list .list_box figure .img { width: 286px;}
.cont04 .inner .box .list .list_box figure figcaption { font-size: 15px; width: 226px;}



.cont05 {}
.cont05 .inner {}
.cont05 .inner .box { width: 1324px; margin: 0 auto 90px; background: #f5f7ec; border-top: solid 7px #758138; padding: 24px 40px;}
.cont05 .inner .box .txt { width: 100%; margin: 0 auto 30px; position: relative;}
.cont05 .inner .box .txt h3 { font-size: 26px; font-weight: 600; text-align: center; margin-bottom: 20px;}
.cont05 .inner .box .txt p { font-size: 17px; width: 822px;}
.cont05 .inner .box .txt .img { width: 362px; position: absolute; right: 0; bottom: -30px;}
.cont05 .inner .box ul { display: flex; justify-content: space-between;}
.cont05 .inner .box ul li { width: 376px; position: relative;}
.cont05 .inner .box ul li::before { content: ""; position: absolute; top: 0; left: -28px; bottom: 0; margin: auto; width: 2px; background-image: linear-gradient(to bottom, #333 4px, transparent 4px); background-size: 4px 8px; background-repeat: repeat-y; background-position: left top;}
.cont05 .inner .box ul li:nth-of-type(1):before { content: none;}
.cont05 .inner .box ul li .img { min-height: 170px; align-content: center;}
.cont05 .inner .box ul li h4 { font-size: 18px; font-weight: 600; text-align: center; padding: 10px 0; background: var(--color00); margin-bottom: 10px;}
.cont05 .inner .box ul li p { width: 320px; margin: auto; font-size: 15px;}


.cont06 {}
.cont06 .inner {}
.cont06 .inner .box { width: 1324px; margin: 0 auto 90px; background: #f5f7ec; border-top: solid 7px #758138; padding: 24px 40px;}
.cont06 .inner .box .txt { width: 100%; margin: 0 auto 30px; position: relative;}
.cont06 .inner .box .txt h3 { font-size: 26px; font-weight: 600; text-align: center; margin-bottom: 20px;}
.cont06 .inner .box .txt p { font-size: 17px; width: 930px;}
.cont06 .inner .box .img { width: 274px; position: absolute; right: 10px; bottom: -40px;}



}


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


.cont01 { padding-top: 4.5238vw;}
.cont01 .inner {}
.cont01 .inner .box { width: 79.0476vw; margin: 0 auto 5.5952vw; display: flex; justify-content: space-between; align-items: baseline;}
.cont01 .inner .box .boxL { width: 32.6190vw;}
.cont01 .inner .box .boxL .txt { width: 100%;}
.cont01 .inner .box .boxL .txt h3 { width: 100%; margin-bottom: 4.6429vw;}
.cont01 .inner .box .boxL .txt p { font-size: 1.7857vw; line-height: 3.2143vw;}
.cont01 .inner .box .boxR { width: 40.9524vw;}
.cont01 .inner .box .boxR .txt { padding: 2.9762vw 2.2619vw 1.1905vw 2.6190vw; position: relative;}
.cont01 .inner .box .boxR .txt::before { content: ""; width: 8.8095vw; height: 9.5238vw; border-top: solid 1px var(--color99); border-left: solid 1px var(--color99); position: absolute; top: 0; left: 0;}
.cont01 .inner .box .boxR .txt::after  { content: ""; width: 8.8095vw; height: 9.5238vw; border-bottom: solid 1px var(--color99); border-right: solid 1px var(--color99); position: absolute; bottom: 0; right: 0;}
.cont01 .inner .box .boxR .txt h4 { font-size: 2.0238vw; text-align: center; position: absolute; left: 0; right: 0; top: -0.8em; font-family: "Noto Serif JP", serif; font-weight: 700;}
.cont01 .inner .box .boxR .txt .img { width: 18.5714vw; position: absolute; top: -8.9286vw; right: 5.9524vw;}
.cont01 .inner .box .boxR .txt p { font-size: 1.0119vw;}


.cont02 {}
.cont02 .inner {}
.cont02 .inner .box { width: 78.9286vw; margin: 0 auto 5.3571vw;}
.cont02 .inner .box h3 { font-family: "Noto Serif JP", serif; font-weight: 400; font-size: 2.9762vw; text-align: center; margin-bottom: 2.9762vw;}

.cont02 .inner .box ol { width: 100%; display: flex; flex-wrap: wrap; counter-reset: number 0;}
.cont02 .inner .box ol li { width: 24.0476vw; padding: 1.6071vw; background: #f2f0e9; margin: 3.3333vw 0 0 3.3333vw; position: relative;}
.cont02 .inner .box ol li::before { content: ""; width: 5.4167vw; height: 7.0238vw; background: var(--color00); clip-path: polygon(0% 0%, 100% 0%, 0 100%); position: absolute; top: 0; left: 0;}
.cont02 .inner .box ol li::after { counter-increment: number 1; content: counter(number) ""; position: absolute; top: -1.7857vw; left: 0; font-family: "Noto Serif JP", serif; font-weight: 400; font-size: 5.0000vw; width: 5.4167vw; text-align: center;}
.cont02 .inner .box ol li:nth-of-type(1),
.cont02 .inner .box ol li:nth-of-type(2),
.cont02 .inner .box ol li:nth-of-type(3) { margin-top: 0;}
.cont02 .inner .box ol li:nth-child(3n+1) { margin-left: 0;}
.cont02 .inner .box ol li h4 { text-align: center; padding: 0 0 1.1905vw; font-size: 1.5476vw; font-weight: 600;}
.cont02 .inner .box ol li figure { width: 100%; height: 12.2619vw; margin-bottom: 0.5952vw; align-content: flex-end; margin-top: -1.7857vw;}
.cont02 .inner .box ol li:nth-of-type(1) figure { padding-bottom: 1.7857vw;}
.cont02 .inner .box ol li:nth-of-type(2) figure { padding-bottom: 1.7857vw;}
.cont02 .inner .box ol li p { width: 100%; font-size: 1.0119vw;}


.cont03 {}
.cont03 .inner {}
.cont03 .inner .box { width: 78.8095vw; margin: 0 auto 5.3571vw; background: #f5f7ec; border-top: solid 0.4167vw #758138; padding: 1.4286vw 2.3810vw;}
.cont03 .inner .box .txt { width: 100%; margin: 0 auto 1.7857vw;}
.cont03 .inner .box .txt h3 { font-size: 1.5476vw; font-weight: 600; text-align: center; margin-bottom: 1.1905vw;}
.cont03 .inner .box .txt p { font-size: 1.0119vw;}
.cont03 .inner .box .inbox { background: var(--color00); padding: 0.9524vw 1.7857vw;}
.cont03 .inner .box .inbox h4 { font-size: 1.3095vw; font-weight: 600; text-align: center; margin-bottom: 1.1905vw;}
.cont03 .inner .box .inbox .list { display: flex; justify-content: space-between; position: relative;}
.cont03 .inner .box .inbox .list::before { content: ""; position: absolute; top: 0; left: 35.1786vw; bottom: 0; margin: auto; width: 0.1190vw; background-image: linear-gradient(to bottom, #333 0.2381vw, transparent 0.2381vw); background-size: 0.2381vw 0.4762vw; background-repeat: repeat-y; background-position: left top;}
.cont03 .inner .box .inbox .list .list_box { width: 33.9286vw;}
.cont03 .inner .box .inbox .list .list_box h5 { font-size: 1.1905vw; font-weight: 600; text-align: center;}
.cont03 .inner .box .inbox .list .list_box ul { display: flex; flex-wrap: wrap;}
.cont03 .inner .box .inbox .list .list_box ul li { width: 16.3690vw; display: flex; flex-direction:row-reverse; justify-content: space-between; align-items: center; padding: 0.5952vw 0;}
.cont03 .inner .box .inbox .list .list_box ul li:nth-child(2n+1) { margin-right: 1.1905vw;}
.cont03 .inner .box .inbox .list .list_box ul li .list_txt { width: 8.8095vw;}
.cont03 .inner .box .inbox .list .list_box ul li .list_txt h6 { font-size: 0.8333vw; font-weight: 600; margin-bottom: 0.2976vw; font-feature-settings: "palt"; white-space: nowrap; text-align: center;}
.cont03 .inner .box .inbox .list .list_box ul li .list_txt p { font-size: 0.6845vw;}
.cont03 .inner .box .inbox .list .list_box ul li .img { width: 6.9048vw;}



.cont04 {}
.cont04 .inner {}
.cont04 .inner .box { width: 78.8095vw; margin: 0 auto 5.3571vw; background: #f5f7ec; border-top: solid 0.4167vw #758138; padding: 1.4286vw 2.3810vw;}
.cont04 .inner .box .txt { width: 100%; margin: 0 auto 1.7857vw;}
.cont04 .inner .box .txt h3 { font-size: 1.5476vw; font-weight: 600; text-align: center; margin-bottom: 1.1905vw;}
.cont04 .inner .box .txt p { font-size: 1.0119vw;}
.cont04 .inner .box .list { width: 72.9762vw; margin: auto; display: flex; justify-content: space-between;}
.cont04 .inner .box .list .list_box { width: 35.1190vw; background: var(--color00); padding: 1.1905vw 1.9048vw;}
.cont04 .inner .box .list .list_box h4 { font-size: 1.1905vw; font-weight: 600; margin-bottom: 0.5952vw; text-align: center;}
.cont04 .inner .box .list .list_box figure { display: flex; justify-content: space-between; flex-direction: row-reverse;}
.cont04 .inner .box .list .list_box figure .img { width: 17.0238vw;}
.cont04 .inner .box .list .list_box figure figcaption { font-size: 0.8929vw; width: 13.4524vw;}



.cont05 {}
.cont05 .inner {}
.cont05 .inner .box { width: 78.8095vw; margin: 0 auto 5.3571vw; background: #f5f7ec; border-top: solid 0.4167vw #758138; padding: 1.4286vw 2.3810vw;}
.cont05 .inner .box .txt { width: 100%; margin: 0 auto 1.7857vw; position: relative;}
.cont05 .inner .box .txt h3 { font-size: 1.5476vw; font-weight: 600; text-align: center; margin-bottom: 1.1905vw;}
.cont05 .inner .box .txt p { font-size: 1.0119vw; width: 48.9286vw;}
.cont05 .inner .box .txt .img { width: 21.5476vw; position: absolute; right: 0; bottom: -1.7857vw;}
.cont05 .inner .box ul { display: flex; justify-content: space-between;}
.cont05 .inner .box ul li { width: 22.3810vw; position: relative;}
.cont05 .inner .box ul li::before { content: ""; position: absolute; top: 0; left: -1.6667vw; bottom: 0; margin: auto; width: 0.1190vw; background-image: linear-gradient(to bottom, #333 0.2381vw, transparent 0.2381vw); background-size: 0.2381vw 0.4762vw; background-repeat: repeat-y; background-position: left top;}
.cont05 .inner .box ul li:nth-of-type(1):before { content: none;}
.cont05 .inner .box ul li .img { min-height: 10.1190vw; align-content: center;}
.cont05 .inner .box ul li h4 { font-size: 1.0714vw; font-weight: 600; text-align: center; padding: 0.5952vw 0; background: var(--color00); margin-bottom: 0.5952vw;}
.cont05 .inner .box ul li p { width: 19.0476vw; margin: auto; font-size: 0.8929vw;}


.cont06 {}
.cont06 .inner {}
.cont06 .inner .box { width: 78.8095vw; margin: 0 auto 5.3571vw; background: #f5f7ec; border-top: solid 0.4167vw #758138; padding: 1.4286vw 2.3810vw;}
.cont06 .inner .box .txt { width: 100%; margin: 0 auto 1.7857vw; position: relative;}
.cont06 .inner .box .txt h3 { font-size: 1.5476vw; font-weight: 600; text-align: center; margin-bottom: 1.1905vw;}
.cont06 .inner .box .txt p { font-size: 1.0119vw; width: 55.3571vw;}
.cont06 .inner .box .img { width: 16.3095vw; position: absolute; right: 0.5952vw; bottom: -2.3810vw;}



}



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


.cont01 {}
.cont01 .inner { padding: 0 4.0000vw;}
.cont01 .inner .box { margin: 0 auto 10.6667vw;}
.cont01 .inner .box .boxL {}
.cont01 .inner .box .boxL .txt { width: 100%;}
.cont01 .inner .box .boxL .txt h3 { width: 53.3333vw; margin: 0 auto 8.8000vw;}
.cont01 .inner .box .boxL .txt p { font-size: 4.0000vw; line-height: 7.2000vw; text-align: center;}
.cont01 .inner .box .boxR {}
.cont01 .inner .box .boxR .txt { padding: 6.6667vw 5.0667vw 2.6667vw 5.8667vw; position: relative;}
.cont01 .inner .box .boxR .txt h4 { font-size: 4.5333vw; text-align: center; position: absolute; left: 0; right: 0; top: -0.8em; font-family: "Noto Serif JP", serif; font-weight: 700;}
.cont01 .inner .box .boxR .txt .img { display: none;}
.cont01 .inner .box .boxR .txt p {}


.cont02 {}
.cont02 .inner { padding: 0 4.0000vw;}
.cont02 .inner .box { margin: 0 auto 16.0000vw;}
.cont02 .inner .box h3 { font-family: "Noto Serif JP", serif; font-weight: 400; font-size: 6.6667vw; text-align: center; margin-bottom: 6.6667vw;}

.cont02 .inner .box ol { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; gap: 16.0000vw; counter-reset: number 0;}
.cont02 .inner .box ol li { padding: 3.6000vw 0 0; margin: 0; position: relative;}
.cont02 .inner .box ol li::after { counter-increment: number 1; content: counter(number) ""; position: absolute; top: -4.0000vw; left: 0; font-family: "Noto Serif JP", serif; font-weight: 400; font-size: 11.2000vw; width: 12.1333vw; text-align: center;}
.cont02 .inner .box ol li h4 { padding: 0 0 4.0000vw 10.6667vw; font-size: 4.0000vw; font-weight: 600; width: 48.0000vw; text-align: center;}
.cont02 .inner .box ol li figure { width: 42.6667vw; position: absolute; right: 0;}
.cont02 .inner .box ol li:nth-of-type(1) figure { top: 14.6667vw;}
.cont02 .inner .box ol li:nth-of-type(2) figure { top: 6.6667vw;}
.cont02 .inner .box ol li:nth-of-type(3) figure { top: 0;}
.cont02 .inner .box ol li:nth-of-type(4) figure { top: 6.6667vw;}
.cont02 .inner .box ol li:nth-of-type(5) figure { top: 2.6667vw;}
.cont02 .inner .box ol li p { width: 48.0000vw;}


.cont03 {}
.cont03 .inner { padding: 0;}
.cont03 .inner .box { margin: 0 auto 16.0000vw; background: #f5f7ec; border-top: solid 0.9333vw #758138; padding: 3.2000vw 4.0000vw 4.8000vw;}
.cont03 .inner .box .txt { width: 100%; margin: 0 auto 8.0000vw;}
.cont03 .inner .box .txt h3 { font-size: 4.0000vw; font-weight: 600; text-align: center; margin-bottom: 4.8000vw;}
.cont03 .inner .box .txt p {}
.cont03 .inner .box .inbox { background: var(--color00);}
.cont03 .inner .box .inbox h4 { font-size: 3.6000vw; font-weight: 600; text-align: center; margin-bottom: 4.0000vw; background: #768035; color: var(--color00); padding: 1.0667vw 0;}
.cont03 .inner .box .inbox .list {}
.cont03 .inner .box .inbox .list .list_box {}
.cont03 .inner .box .inbox .list .list_box h5 { font-size: 4.0000vw; font-weight: 600; text-align: center; margin: 4.0000vw 0;}
.cont03 .inner .box .inbox .list .list_box ul { display: flex; flex-direction: column; width: 80.5333vw; margin: auto; gap: 6.6667vw; padding-bottom: 6.6667vw; position: relative;}
.cont03 .inner .box .inbox .list .list_box:nth-of-type(1) ul::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 0.2667vw; background-image: linear-gradient(to right, #333 0.8000vw, transparent 0.5333vw); background-size: 1.6000vw 0.2667vw; background-repeat: repeat-x; background-position: left bottom;}
.cont03 .inner .box .inbox .list .list_box ul li { display: flex; flex-direction:row-reverse; justify-content: space-between; align-items: center;}
.cont03 .inner .box .inbox .list .list_box ul li:nth-of-type(1) { order: 1;}
.cont03 .inner .box .inbox .list .list_box ul li:nth-of-type(2) { order: 3;}
.cont03 .inner .box .inbox .list .list_box ul li:nth-of-type(3) { order: 2;}
.cont03 .inner .box .inbox .list .list_box ul li:nth-of-type(4) { order: 4;}
.cont03 .inner .box .inbox .list .list_box ul li .list_txt { width: 55.2000vw;}
.cont03 .inner .box .inbox .list .list_box ul li .list_txt h6 { font-size: 3.7333vw; font-weight: 600; margin-bottom: 0.6667vw; font-feature-settings: "palt"; white-space: nowrap; text-align: center;}
.cont03 .inner .box .inbox .list .list_box ul li .list_txt p { font-size: 2.9333vw;}
.cont03 .inner .box .inbox .list .list_box ul li .img { width: 20.5333vw;}



.cont04 {}
.cont04 .inner { padding: 0;}
.cont04 .inner .box { margin: 0 auto 12.0000vw; background: #f5f7ec; border-top: solid 0.9333vw #758138; padding: 3.2000vw 4.0000vw 4.8000vw;}
.cont04 .inner .box .txt { width: 100%; margin: 0 auto 4.0000vw;}
.cont04 .inner .box .txt h3 { font-size: 4.0000vw; font-weight: 600; text-align: center; margin-bottom: 4.8000vw;}
.cont04 .inner .box .txt p {}
.cont04 .inner .box .list { margin: auto; display: flex; flex-direction: column; gap: 8.0000vw; background: var(--color00); padding: 4.8000vw 5.8667vw;}
.cont04 .inner .box .list .list_box {}
.cont04 .inner .box .list .list_box h4 { font-size: 3.7333vw; font-weight: 600; margin-bottom: 1.3333vw; text-align: center;}
.cont04 .inner .box .list .list_box figure { display: flex; flex-direction: column-reverse;}
.cont04 .inner .box .list .list_box figure .img { margin: 2.1333vw auto 0;}
.cont04 .inner .box .list .list_box figure figcaption {}



.cont05 {}
.cont05 .inner { padding: 0;}
.cont05 .inner .box { margin: 0 auto 14.6667vw; background: #f5f7ec; border-top: solid 0.9333vw #758138; padding: 3.2000vw 4.0000vw 6.6667vw;}
.cont05 .inner .box .txt { width: 100%; margin: 0 auto 8.5333vw; position: relative;}
.cont05 .inner .box .txt h3 { font-size: 4.0000vw; font-weight: 600; text-align: center; margin-bottom: 4.8000vw;}
.cont05 .inner .box .txt p {}
.cont05 .inner .box .txt .img { display: none;}
.cont05 .inner .box ul { display: flex; flex-direction: column; gap: 14.6667vw;}
.cont05 .inner .box ul li {position: relative;}
.cont05 .inner .box ul li::before { content: ""; position: absolute; bottom: -7.3333vw; left: 0; right: 0; height: 0.2667vw; background-image: linear-gradient(to right, #333 0.8000vw, transparent 0.5333vw); background-size: 1.6000vw 0.2667vw; background-repeat: repeat-x; background-position: left bottom;}
.cont05 .inner .box ul li:nth-last-of-type(1)::before { content: none;}
.cont05 .inner .box ul li figcaption { width: 54.6667vw; position: relative;}
.cont05 .inner .box ul li .img { width: 34.6667vw; position: absolute; right: 0;}
.cont05 .inner .box ul li h4 { font-size: 3.6000vw; font-weight: 600; text-align: center; padding: 1.3333vw 0; background: var(--color00); margin-bottom: 2.6667vw;}
.cont05 .inner .box ul li p {}


.cont06 {}
.cont06 .inner { padding: 0;}
.cont06 .inner .box { margin: 0 auto 12.0000vw; background: #f5f7ec; border-top: solid 0.9333vw #758138; padding: 3.2000vw 4.0000vw 4.8000vw;}
.cont06 .inner .box .txt { width: 100%; margin: 0 auto 4.0000vw; position: relative;}
.cont06 .inner .box .txt h3 { font-size: 4.0000vw; font-weight: 600; text-align: center; margin-bottom: 4.8000vw;}
.cont06 .inner .box .txt .flex { display: flex; gap: 3.7333vw;}
.cont06 .inner .box .txt p { width: 61.3333vw;}
.cont06 .inner .box .img { width: 26.6667vw;}


}




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


.cont01 {}
.cont01 .inner { padding: 0 30px;}
.cont01 .inner .box { margin: 0 auto 80px;}
.cont01 .inner .box .boxL {}
.cont01 .inner .box .boxL .txt { width: 100%;}
.cont01 .inner .box .boxL .txt h3 { width: 400px; margin: 0 auto 66px;}
.cont01 .inner .box .boxL .txt p { font-size: 30px; line-height: 54px; text-align: center;}
.cont01 .inner .box .boxR {}
.cont01 .inner .box .boxR .txt { padding: 50px 38px 20px 44px; position: relative;}
.cont01 .inner .box .boxR .txt h4 { font-size: 34px; text-align: center; position: absolute; left: 0; right: 0; top: -0.8em; font-family: "Noto Serif JP", serif; font-weight: 700;}
.cont01 .inner .box .boxR .txt .img { display: none;}
.cont01 .inner .box .boxR .txt p {}


.cont02 {}
.cont02 .inner { padding: 0 30px;}
.cont02 .inner .box { margin: 0 auto 120px;}
.cont02 .inner .box h3 { font-family: "Noto Serif JP", serif; font-weight: 400; font-size: 50px; text-align: center; margin-bottom: 50px;}

.cont02 .inner .box ol { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; gap: 120px; counter-reset: number 0;}
.cont02 .inner .box ol li { padding: 27px 0 0; margin: 0; position: relative;}
.cont02 .inner .box ol li::after { counter-increment: number 1; content: counter(number) ""; position: absolute; top: -30px; left: 0; font-family: "Noto Serif JP", serif; font-weight: 400; font-size: 84px; width: 91px; text-align: center;}
.cont02 .inner .box ol li h4 { padding: 0 0 30px 80px; font-size: 30px; font-weight: 600; width: 360px; text-align: center;}
.cont02 .inner .box ol li figure { width: 320px; position: absolute; right: 0;}
.cont02 .inner .box ol li:nth-of-type(1) figure { top: 110px;}
.cont02 .inner .box ol li:nth-of-type(2) figure { top: 50px;}
.cont02 .inner .box ol li:nth-of-type(3) figure { top: 0;}
.cont02 .inner .box ol li:nth-of-type(4) figure { top: 50px;}
.cont02 .inner .box ol li:nth-of-type(5) figure { top: 20px;}
.cont02 .inner .box ol li p { width: 360px;}


.cont03 {}
.cont03 .inner { padding: 0;}
.cont03 .inner .box { margin: 0 auto 120px; background: #f5f7ec; border-top: solid 7px #758138; padding: 24px 30px 36px;}
.cont03 .inner .box .txt { width: 100%; margin: 0 auto 60px;}
.cont03 .inner .box .txt h3 { font-size: 30px; font-weight: 600; text-align: center; margin-bottom: 36px;}
.cont03 .inner .box .txt p {}
.cont03 .inner .box .inbox { background: var(--color00);}
.cont03 .inner .box .inbox h4 { font-size: 27px; font-weight: 600; text-align: center; margin-bottom: 30px; background: #768035; color: var(--color00); padding: 8px 0;}
.cont03 .inner .box .inbox .list {}
.cont03 .inner .box .inbox .list .list_box {}
.cont03 .inner .box .inbox .list .list_box h5 { font-size: 30px; font-weight: 600; text-align: center; margin: 30px 0;}
.cont03 .inner .box .inbox .list .list_box ul { display: flex; flex-direction: column; width: 604px; margin: auto; gap: 50px; padding-bottom: 50px; position: relative;}
.cont03 .inner .box .inbox .list .list_box:nth-of-type(1) ul::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-image: linear-gradient(to right, #333 6px, transparent 4px); background-size: 12px 2px; background-repeat: repeat-x; background-position: left bottom;}
.cont03 .inner .box .inbox .list .list_box ul li { display: flex; flex-direction:row-reverse; justify-content: space-between; align-items: center;}
.cont03 .inner .box .inbox .list .list_box ul li:nth-of-type(1) { order: 1;}
.cont03 .inner .box .inbox .list .list_box ul li:nth-of-type(2) { order: 3;}
.cont03 .inner .box .inbox .list .list_box ul li:nth-of-type(3) { order: 2;}
.cont03 .inner .box .inbox .list .list_box ul li:nth-of-type(4) { order: 4;}
.cont03 .inner .box .inbox .list .list_box ul li .list_txt { width: 414px;}
.cont03 .inner .box .inbox .list .list_box ul li .list_txt h6 { font-size: 28px; font-weight: 600; margin-bottom: 5px; font-feature-settings: "palt"; white-space: nowrap; text-align: center;}
.cont03 .inner .box .inbox .list .list_box ul li .list_txt p { font-size: 22px;}
.cont03 .inner .box .inbox .list .list_box ul li .img { width: 154px;}



.cont04 {}
.cont04 .inner { padding: 0;}
.cont04 .inner .box { margin: 0 auto 90px; background: #f5f7ec; border-top: solid 7px #758138; padding: 24px 30px 36px;}
.cont04 .inner .box .txt { width: 100%; margin: 0 auto 30px;}
.cont04 .inner .box .txt h3 { font-size: 30px; font-weight: 600; text-align: center; margin-bottom: 36px;}
.cont04 .inner .box .txt p {}
.cont04 .inner .box .list { margin: auto; display: flex; flex-direction: column; gap: 60px; background: var(--color00); padding: 36px 44px;}
.cont04 .inner .box .list .list_box {}
.cont04 .inner .box .list .list_box h4 { font-size: 28px; font-weight: 600; margin-bottom: 10px; text-align: center;}
.cont04 .inner .box .list .list_box figure { display: flex; flex-direction: column-reverse;}
.cont04 .inner .box .list .list_box figure .img { margin: 16px auto 0;}
.cont04 .inner .box .list .list_box figure figcaption {}



.cont05 {}
.cont05 .inner { padding: 0;}
.cont05 .inner .box { margin: 0 auto 110px; background: #f5f7ec; border-top: solid 7px #758138; padding: 24px 30px 50px;}
.cont05 .inner .box .txt { width: 100%; margin: 0 auto 64px; position: relative;}
.cont05 .inner .box .txt h3 { font-size: 30px; font-weight: 600; text-align: center; margin-bottom: 36px;}
.cont05 .inner .box .txt p {}
.cont05 .inner .box .txt .img { display: none;}
.cont05 .inner .box ul { display: flex; flex-direction: column; gap: 110px;}
.cont05 .inner .box ul li {position: relative;}
.cont05 .inner .box ul li::before { content: ""; position: absolute; bottom: -55px; left: 0; right: 0; height: 2px; background-image: linear-gradient(to right, #333 6px, transparent 4px); background-size: 12px 2px; background-repeat: repeat-x; background-position: left bottom;}
.cont05 .inner .box ul li:nth-last-of-type(1)::before { content: none;}
.cont05 .inner .box ul li figcaption { width: 410px; position: relative;}
.cont05 .inner .box ul li .img { width: 260px; position: absolute; right: 0;}
.cont05 .inner .box ul li h4 { font-size: 27px; font-weight: 600; text-align: center; padding: 10px 0; background: var(--color00); margin-bottom: 20px;}
.cont05 .inner .box ul li p {}


.cont06 {}
.cont06 .inner { padding: 0;}
.cont06 .inner .box { margin: 0 auto 90px; background: #f5f7ec; border-top: solid 7px #758138; padding: 24px 30px 36px;}
.cont06 .inner .box .txt { width: 100%; margin: 0 auto 30px; position: relative;}
.cont06 .inner .box .txt h3 { font-size: 30px; font-weight: 600; text-align: center; margin-bottom: 36px;}
.cont06 .inner .box .txt .flex { display: flex; gap: 28px;}
.cont06 .inner .box .txt p { width: 460px;}
.cont06 .inner .box .img { width: 200px;}


}