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


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


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


.cont02 {}
.cont02 .inner { width: 1324px; margin: 0 auto;}
.cont02 .inner .box { margin: 0 auto 110px;}
.cont02 .inner .box h3 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 40px; text-align: center; margin-bottom: 5px;}
.cont02 .inner .box .img { width: 1116px; margin: auto;}


.cont03 {}
.cont03 .inner { width: 1324px; margin: 0 auto;}
.cont03 .inner h3 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 40px; width: 1320px; margin: 0 auto 20px;}
.cont03 .inner { margin: 0 auto 140px;}
.cont03 .inner .box { margin: 0 auto; text-align: center;}
.cont03 .inner .box p { font-size: 16px; margin: 0 auto 30px;}
.cont03 .inner .img { width: 1084px; margin: auto;}


.cont04 {}
.cont04 .inner { width: 1324px; margin: 0 auto 140px; counter-reset: number 0;}
.cont04 .inner h3 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 40px; width: 1320px; margin: 0 auto 20px; text-align: center;}

.cont04 .inner h4 { font-weight: 500; font-size: 26px; margin: 0 auto 26px; background: #f7e6dc; padding-left: 140px; height: 54px; align-content: center; position: relative;}
.cont04 .inner h4::before { content: counter(number) " "; counter-increment: number 1; position: absolute; left: 20px; bottom: -18px; z-index: 10; font-size: 80px; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont04 .inner h4::after  { content: ""; display: block; position: absolute; left: 0; top: 0; width: 120px; height: 120px; background-color: var(--color00); clip-path: polygon(0% 0%, 100% 0%, 0% 100%);}

.cont04 .inner .box01 { margin: 0 auto;}
.cont04 .inner .box01 > p { width: 1238px; padding-left: 90px; box-sizing: content-box; font-size: 16px; margin: 0 auto 30px;}
.cont04 .inner .box01 ul { width: 1240px; margin: 0 auto 38px; display: flex; justify-content: space-between;}
.cont04 .inner .box01 ul li { width: 378px;}
.cont04 .inner .box01 .subBox01 { width: 1328px; padding-left: 84px; margin: 0 auto 14px;}
.cont04 .inner .box01 .subBox01 .txt { width: 622px;}
.cont04 .inner .box01 .subBox01 .txt h5 { font-size: 23px; height: 44px; align-content: center; border-left: solid 8px #000; border-bottom: solid 1px #000; padding-left: 20px; margin-bottom: 20px;}
.cont04 .inner .box01 .subBox01 .txt dl { width: 606px; margin: 0 0 10px 18px; font-size: 19px; display: flex; flex-wrap: wrap;}
.cont04 .inner .box01 .subBox01 .txt dl dt { width: 68px; color: #FFF; text-align: center; border-radius: 40px; margin-bottom: 10px; position: relative;}
.cont04 .inner .box01 .subBox01 .txt dl dt::after { content: ""; width: 20px; height: 16px; clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); position: absolute; top: 0; bottom: 0; right: -30px; margin: auto;}
.cont04 .inner .box01 .subBox01 .txt dl dd { width: 496px; margin: 0 0 10px 42px; align-content: center;}
.cont04 .inner .box01 .subBox01 .txt p { font-size: 16px;}
.cont04 .inner .box01 .subBox01 .txt dl dt:nth-of-type(1) { background: #007fc6;}
.cont04 .inner .box01 .subBox01 .txt dl dt:nth-of-type(2) { background: #64aa44;}
.cont04 .inner .box01 .subBox01 .txt dl dt:nth-of-type(1)::after { background: #007fc6;}
.cont04 .inner .box01 .subBox01 .txt dl dt:nth-of-type(2)::after { background: #64aa44;}
.cont04 .inner .box01 .subBox01 { display: flex; justify-content: space-between;}
.cont04 .inner .box01 .subBox01 .img { width: 576px; margin-top: -30px;}

.cont04 .inner .box01 .subBox02 { width: 1328px; padding-left: 84px; margin: 0 auto 116px;}
.cont04 .inner .box01 .subBox02 .txt {}
.cont04 .inner .box01 .subBox02 .txt h5 { font-size: 23px; height: 44px; align-content: center; border-left: solid 8px #000; border-bottom: solid 1px #000; padding-left: 20px; margin-bottom: 20px;}
.cont04 .inner .box01 .subBox02 .txt dl { width: auto; margin: 0 0 10px 18px; font-size: 19px; display: flex; flex-wrap: wrap;}
.cont04 .inner .box01 .subBox02 .txt dl dt { width: 156px; color: #FFF; text-align: center; border-radius: 40px; margin-bottom: 10px; position: relative;}
.cont04 .inner .box01 .subBox02 .txt dl dt::after { content: ""; width: 20px; height: 16px; clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); position: absolute; top: 0; bottom: 0; right: -30px; margin: auto;}
.cont04 .inner .box01 .subBox02 .txt dl dd { width: 496px; margin: 0 0 10px 42px; align-content: center;}
.cont04 .inner .box01 .subBox02 .txt p { font-size: 16px;}
.cont04 .inner .box01 .subBox02 .txt dl dt:nth-of-type(1) { background: #cc5520;}
.cont04 .inner .box01 .subBox02 .txt dl dt:nth-of-type(1)::after { background: #cc5520;}

.cont04 .inner .box02 { margin: 0 auto;}
.cont04 .inner .box02 h4 {}
.cont04 .inner .box02 > p { width: 1238px; padding-left: 90px; box-sizing: content-box; font-size: 16px; margin: 0 auto 30px;}
.cont04 .inner .box02 ul { width: 1236px; margin: 0 auto 38px; display: flex; justify-content: space-between; padding-left: 84px; box-sizing: content-box;}
.cont04 .inner .box02 ul li { width: 366px;}
.cont04 .inner .box02 ul li h5 { font-size: 23px; height: 44px; align-content: center; border-left: solid 8px #000; border-bottom: solid 1px #000; padding-left: 20px; margin-bottom: 20px;}
.cont04 .inner .box02 ul li figure {}
.cont04 .inner .box02 ul li:nth-of-type(1) figure { display: flex; flex-direction: column-reverse;}
.cont04 .inner .box02 ul li:nth-of-type(2) figure { display: flex; flex-direction: row-reverse; justify-content: space-between;}
.cont04 .inner .box02 ul li:nth-of-type(3) figure { display: flex; flex-direction: column-reverse;}
.cont04 .inner .box02 ul li figure .img {}
.cont04 .inner .box02 ul li:nth-of-type(1) figure .img { margin-top: 10px;}
.cont04 .inner .box02 ul li:nth-of-type(2) figure .img { width: 214px}
.cont04 .inner .box02 ul li:nth-of-type(3) figure .img { margin-top: 10px;}
.cont04 .inner .box02 ul li figure figcaption { font-size: 16px;}
.cont04 .inner .box02 ul li:nth-of-type(1) figure figcaption { font-size: 16px;}
.cont04 .inner .box02 ul li:nth-of-type(2) figure figcaption { width: 136px;}
.cont04 .inner .box02 ul li:nth-of-type(3) figure figcaption {}

.cont04 .inner .box03 { margin: 0 auto;}
.cont04 .inner .box03 h4 {}
.cont04 .inner .box03 .head { width: 1236px; margin: 0 auto; display: flex; justify-content: space-between; padding-left: 84px; box-sizing: content-box;}
.cont04 .inner .box03 .head .txt { width: 840px;}
.cont04 .inner .box03 .head .txt h5 { font-size: 19px; margin-bottom: 10px;}
.cont04 .inner .box03 .head .txt p { font-size: 16px; margin: 0 auto 30px;}
.cont04 .inner .box03 .head .img { width: 382px;}


.cont05 {}
.cont05 .inner { width: 1240px; padding-left: 86px; box-sizing: content-box; margin: 0 auto 140px;}
.cont05 .inner h3 { font-size: 38px; font-weight: 600; text-align: center; margin-bottom: 48px;}
.cont05 .inner h3 + p { font-size: 16px; margin-bottom: 42px;}
.cont05 .inner h4 { font-size: 20px; font-weight: 400; margin-bottom: 24px;}
.cont05 .inner h4 + p {font-size: 14px; margin-left: 50px; margin-bottom: 50px;}
.cont05 .inner .table_box { display: flex; justify-content: space-between;}
.cont05 .inner .table_box .table { width: 590px;}
.cont05 .inner .table_box .table table { width: 100%; height: 100%; border-collapse: collapse; border: solid 2px #000;}
.cont05 .inner .table_box .table table caption {text-align: left; font-size: 20px; font-weight: 700; margin-bottom: 5px;}
.cont05 .inner .table_box .table table th { border: solid 2px #000;}
.cont05 .inner .table_box .table table td { border: solid 2px #000;}

.cont05 .inner .table_box .table:nth-of-type(1) table {}
.cont05 .inner .table_box .table:nth-of-type(1) table th { height: 40px; width: 50%; font-size: 20px;}
.cont05 .inner .table_box .table:nth-of-type(1) table td { height: 74px; text-align: center; font-size: 20px; font-weight: 600;}
.cont05 .inner .table_box .table:nth-of-type(1) table tr td:nth-of-type(2) { font-size: 32px; color: #da7988;}
.cont05 .inner .table_box .table:nth-of-type(1) table tr td:nth-of-type(2) span { font-size: 44px; width: 1.8em; text-align: right; display: inline-block;}

.cont05 .inner .table_box .table:nth-of-type(2) table {}
.cont05 .inner .table_box .table:nth-of-type(2) table th { height: 40px; width: 120px; font-size: 20px;}
.cont05 .inner .table_box .table:nth-of-type(2) table td { height: 74px; font-size: 20px; font-weight: 600; padding: 0 20px;}
.cont05 .inner .table_box .table:nth-of-type(2) table td span { font-size: 14px; font-weight: 600; margin-top: 5px;}




}


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


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


.cont02 {}
.cont02 .inner { width: 78.8095vw; margin: 0 auto;}
.cont02 .inner .box { margin: 0 auto 6.5476vw;}
.cont02 .inner .box h3 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 2.3810vw; text-align: center; margin-bottom: 0.2976vw;}
.cont02 .inner .box .img { width: 66.4286vw; margin: auto;}


.cont03 {}
.cont03 .inner { width: 78.8095vw; margin: 0 auto;}
.cont03 .inner h3 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 2.3810vw; width: 78.5714vw; margin: 0 auto 1.1905vw;}
.cont03 .inner { margin: 0 auto 8.3333vw;}
.cont03 .inner .box { margin: 0 auto; text-align: center;}
.cont03 .inner .box p { font-size: 0.9524vw; margin: 0 auto 1.7857vw;}
.cont03 .inner .img { width: 64.5238vw; margin: auto;}


.cont04 {}
.cont04 .inner { width: 78.8095vw; margin: 0 auto 8.3333vw; counter-reset: number 0;}
.cont04 .inner h3 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 2.3810vw; width: 78.5714vw; margin: 0 auto 1.1905vw; text-align: center;}

.cont04 .inner h4 { font-weight: 500; font-size: 1.5476vw; margin: 0 auto 1.5476vw; background: #f7e6dc; padding-left: 8.3333vw; height: 3.2143vw; align-content: center; position: relative;}
.cont04 .inner h4::before { content: counter(number) " "; counter-increment: number 1; position: absolute; left: 1.1905vw; bottom: -1.0714vw; z-index: 10; font-size: 4.7619vw; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont04 .inner h4::after  { content: ""; display: block; position: absolute; left: 0; top: 0; width: 7.1429vw; height: 7.1429vw; background-color: var(--color00); clip-path: polygon(0% 0%, 100% 0%, 0% 100%);}

.cont04 .inner .box01 { margin: 0 auto;}
.cont04 .inner .box01 > p { width: 73.6905vw; padding-left: 5.3571vw; box-sizing: content-box; font-size: 0.9524vw; margin: 0 auto 1.7857vw;}
.cont04 .inner .box01 ul { width: 73.8095vw; margin: 0 auto 2.2619vw; display: flex; justify-content: space-between;}
.cont04 .inner .box01 ul li { width: 22.5000vw;}
.cont04 .inner .box01 .subBox01 { width: 79.0476vw; padding-left: 5.0000vw; margin: 0 auto 0.8333vw;}
.cont04 .inner .box01 .subBox01 .txt { width: 37.0238vw;}
.cont04 .inner .box01 .subBox01 .txt h5 { font-size: 1.3690vw; height: 2.6190vw; align-content: center; border-left: solid 0.4762vw #000; border-bottom: solid 1px #000; padding-left: 1.1905vw; margin-bottom: 1.1905vw;}
.cont04 .inner .box01 .subBox01 .txt dl { width: 36.0714vw; margin: 0 0 0.5952vw 1.0714vw; font-size: 1.1310vw; display: flex; flex-wrap: wrap;}
.cont04 .inner .box01 .subBox01 .txt dl dt { width: 4.0476vw; color: #FFF; text-align: center; border-radius: 2.3810vw; margin-bottom: 0.5952vw; position: relative;}
.cont04 .inner .box01 .subBox01 .txt dl dt::after { content: ""; width: 1.1905vw; height: 0.9524vw; clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); position: absolute; top: 0; bottom: 0; right: -1.7857vw; margin: auto;}
.cont04 .inner .box01 .subBox01 .txt dl dd { width: 29.5238vw; margin: 0 0 0.5952vw 2.5000vw; align-content: center;}
.cont04 .inner .box01 .subBox01 .txt p { font-size: 0.9524vw;}
.cont04 .inner .box01 .subBox01 .txt dl dt:nth-of-type(1) { background: #007fc6;}
.cont04 .inner .box01 .subBox01 .txt dl dt:nth-of-type(2) { background: #64aa44;}
.cont04 .inner .box01 .subBox01 .txt dl dt:nth-of-type(1)::after { background: #007fc6;}
.cont04 .inner .box01 .subBox01 .txt dl dt:nth-of-type(2)::after { background: #64aa44;}
.cont04 .inner .box01 .subBox01 { display: flex; justify-content: space-between;}
.cont04 .inner .box01 .subBox01 .img { width: 34.2857vw; margin-top: -1.7857vw;}

.cont04 .inner .box01 .subBox02 { width: 79.0476vw; padding-left: 5.0000vw; margin: 0 auto 6.9048vw;}
.cont04 .inner .box01 .subBox02 .txt {}
.cont04 .inner .box01 .subBox02 .txt h5 { font-size: 1.3690vw; height: 2.6190vw; align-content: center; border-left: solid 0.4762vw #000; border-bottom: solid 1px #000; padding-left: 1.1905vw; margin-bottom: 1.1905vw;}
.cont04 .inner .box01 .subBox02 .txt dl { width: auto; margin: 0 0 0.5952vw 1.0714vw; font-size: 1.1310vw; display: flex; flex-wrap: wrap;}
.cont04 .inner .box01 .subBox02 .txt dl dt { width: 9.2857vw; color: #FFF; text-align: center; border-radius: 2.3810vw; margin-bottom: 0.5952vw; position: relative;}
.cont04 .inner .box01 .subBox02 .txt dl dt::after { content: ""; width: 1.1905vw; height: 0.9524vw; clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); position: absolute; top: 0; bottom: 0; right: -1.7857vw; margin: auto;}
.cont04 .inner .box01 .subBox02 .txt dl dd { width: 29.5238vw; margin: 0 0 0.5952vw 2.5000vw; align-content: center;}
.cont04 .inner .box01 .subBox02 .txt p { font-size: 0.9524vw;}
.cont04 .inner .box01 .subBox02 .txt dl dt:nth-of-type(1) { background: #cc5520;}
.cont04 .inner .box01 .subBox02 .txt dl dt:nth-of-type(1)::after { background: #cc5520;}

.cont04 .inner .box02 { margin: 0 auto;}
.cont04 .inner .box02 h4 {}
.cont04 .inner .box02 > p { width: 73.6905vw; padding-left: 5.3571vw; box-sizing: content-box; font-size: 0.9524vw; margin: 0 auto 1.7857vw;}
.cont04 .inner .box02 ul { width: 73.5714vw; margin: 0 auto 2.2619vw; display: flex; justify-content: space-between; padding-left: 5.0000vw; box-sizing: content-box;}
.cont04 .inner .box02 ul li { width: 21.7857vw;}
.cont04 .inner .box02 ul li h5 { font-size: 1.3690vw; height: 2.6190vw; align-content: center; border-left: solid 0.4762vw #000; border-bottom: solid 1px #000; padding-left: 1.1905vw; margin-bottom: 1.1905vw;}
.cont04 .inner .box02 ul li figure {}
.cont04 .inner .box02 ul li:nth-of-type(1) figure { display: flex; flex-direction: column-reverse;}
.cont04 .inner .box02 ul li:nth-of-type(2) figure { display: flex; flex-direction: row-reverse; justify-content: space-between;}
.cont04 .inner .box02 ul li:nth-of-type(3) figure { display: flex; flex-direction: column-reverse;}
.cont04 .inner .box02 ul li figure .img {}
.cont04 .inner .box02 ul li:nth-of-type(1) figure .img { margin-top: 0.5952vw;}
.cont04 .inner .box02 ul li:nth-of-type(2) figure .img { width: 12.7381vw}
.cont04 .inner .box02 ul li:nth-of-type(3) figure .img { margin-top: 0.5952vw;}
.cont04 .inner .box02 ul li figure figcaption { font-size: 0.9524vw;}
.cont04 .inner .box02 ul li:nth-of-type(1) figure figcaption { font-size: 0.9524vw;}
.cont04 .inner .box02 ul li:nth-of-type(2) figure figcaption { width: 8.0952vw;}
.cont04 .inner .box02 ul li:nth-of-type(3) figure figcaption {}

.cont04 .inner .box03 { margin: 0 auto;}
.cont04 .inner .box03 h4 {}
.cont04 .inner .box03 .head { width: 73.5714vw; margin: 0 auto; display: flex; justify-content: space-between; padding-left: 5.0000vw; box-sizing: content-box;}
.cont04 .inner .box03 .head .txt { width: 50.0000vw;}
.cont04 .inner .box03 .head .txt h5 { font-size: 1.1310vw; margin-bottom: 0.5952vw;}
.cont04 .inner .box03 .head .txt p { font-size: 0.9524vw; margin: 0 auto 1.7857vw;}
.cont04 .inner .box03 .head .img { width: 22.7381vw;}


.cont05 {}
.cont05 .inner { width: 73.8095vw; padding-left: 5.1190vw; box-sizing: content-box; margin: 0 auto 8.3333vw;}
.cont05 .inner h3 { font-size: 2.2619vw; font-weight: 600; text-align: center; margin-bottom: 2.8571vw;}
.cont05 .inner h3 + p { font-size: 0.9524vw; margin-bottom: 2.5000vw;}
.cont05 .inner h4 { font-size: 1.1905vw; font-weight: 400; margin-bottom: 1.4286vw;}
.cont05 .inner h4 + p {font-size: 0.8333vw; margin-left: 2.9762vw; margin-bottom: 2.9762vw;}
.cont05 .inner .table_box { display: flex; justify-content: space-between;}
.cont05 .inner .table_box .table { width: 35.1190vw;}
.cont05 .inner .table_box .table table { width: 100%; height: 100%; border-collapse: collapse; border: solid 0.1190vw #000;}
.cont05 .inner .table_box .table table caption {text-align: left; font-size: 1.1905vw; font-weight: 700; margin-bottom: 0.2976vw;}
.cont05 .inner .table_box .table table th { border: solid 0.1190vw #000;}
.cont05 .inner .table_box .table table td { border: solid 0.1190vw #000;}

.cont05 .inner .table_box .table:nth-of-type(1) table {}
.cont05 .inner .table_box .table:nth-of-type(1) table th { height: 2.3810vw; width: 50%; font-size: 1.1905vw;}
.cont05 .inner .table_box .table:nth-of-type(1) table td { height: 4.4048vw; text-align: center; font-size: 1.1905vw; font-weight: 600;}
.cont05 .inner .table_box .table:nth-of-type(1) table tr td:nth-of-type(2) { font-size: 1.9048vw; color: #da7988;}
.cont05 .inner .table_box .table:nth-of-type(1) table tr td:nth-of-type(2) span { font-size: 2.6190vw; width: 1.8em; text-align: right; display: inline-block;}

.cont05 .inner .table_box .table:nth-of-type(2) table {}
.cont05 .inner .table_box .table:nth-of-type(2) table th { height: 2.3810vw; width: 7.1429vw; font-size: 1.1905vw;}
.cont05 .inner .table_box .table:nth-of-type(2) table td { height: 4.4048vw; font-size: 1.1905vw; font-weight: 600; padding: 0 1.1905vw;}
.cont05 .inner .table_box .table:nth-of-type(2) table td span { font-size: 0.8333vw; font-weight: 600; margin-top: 0.2976vw;}




}



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


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


.cont02 {}
.cont02 .inner { margin: 0 auto; padding: 0 4.0000vw;}
.cont02 .inner .box { margin: 0 auto 13.3333vw;}
.cont02 .inner .box h3 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 5.3333vw; text-align: center; margin-bottom: 0.6667vw;}
.cont02 .inner .box .img { margin: auto;}


.cont03 {}
.cont03 .inner { margin: 0 auto 13.3333vw; padding: 0 4.0000vw;}
.cont03 .inner h3 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 5.3333vw; margin: 0 auto 2.6667vw;}
.cont03 .inner .box { margin: 0 auto; text-align: center;}
.cont03 .inner .box p { margin: 0 auto 5.8667vw;}
.cont03 .inner .img { margin: auto;}


.cont04 {}
.cont04 .inner { margin: 0 auto 13.3333vw; counter-reset: number 0; padding: 0 4.0000vw;}
.cont04 .inner h3 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 5.3333vw; margin: 0 auto 4.8000vw; text-align: center;}

.cont04 .inner h4 { font-weight: 500; font-size: 3.4667vw; margin: 0 auto 3.4667vw; background: #f7e6dc; padding-left: 16.0000vw; height: 7.2000vw; align-content: center; position: relative; font-feature-settings: "palt";}
.cont04 .inner h4::before { content: counter(number) " "; counter-increment: number 1; position: absolute; left: 0; bottom: 0; z-index: 10; font-size: 10.6667vw; font-family: "Barlow", sans-serif; font-weight: 600; line-height: 1em;}
.cont04 .inner h4::after  { content: ""; display: block; position: absolute; left: 0; top: 0; width: 13.3333vw; height: 13.3333vw; background-color: var(--color00); clip-path: polygon(0% 0%, 100% 0%, 0% 100%);}

.cont04 .inner .box01 { margin: 0 auto;}
.cont04 .inner .box01 > p { margin: 0 auto 4.0000vw; position: relative;}
.cont04 .inner .box01 > .img { margin: 0 auto 9.3333vw;}

.cont04 .inner .box01 .subBox01 { margin: 0 auto 1.8667vw;}
.cont04 .inner .box01 .subBox01 .txt {}
.cont04 .inner .box01 .subBox01 .txt h5 { font-size: 3.0667vw; height: 5.8667vw; align-content: center; border-left: solid 1.3333vw #000; border-bottom: solid 0.2667vw #000; padding: 0.6667vw 0 0.6667vw 2.6667vw; margin-bottom: 2.6667vw;}
.cont04 .inner .box01 .subBox01 .txt dl { display: grid; grid-template-columns: 10.6667vw 1fr; gap: 2.6667vw 8.0000vw; margin: 0 0 3.4667vw; font-size: 3.3333vw;}
.cont04 .inner .box01 .subBox01 .txt dl dt { position: relative;}
.cont04 .inner .box01 .subBox01 .txt dl dt span { display: block; color: #FFF; text-align: center; border-radius: 1.3333vw;}
.cont04 .inner .box01 .subBox01 .txt dl dt::after { content: ""; width: 4.0000vw; height: 2.9333vw; clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); position: absolute; top: 1.3333vw; right: -5.3333vw;}
.cont04 .inner .box01 .subBox01 .txt dl dd { margin: 0; font-weight: 500;}
.cont04 .inner .box01 .subBox01 .txt p {}
.cont04 .inner .box01 .subBox01 .txt dl dt:nth-of-type(1) span { background: #007fc6;}
.cont04 .inner .box01 .subBox01 .txt dl dt:nth-of-type(2) span { background: #64aa44;}
.cont04 .inner .box01 .subBox01 .txt dl dt:nth-of-type(1)::after { background: #007fc6;}
.cont04 .inner .box01 .subBox01 .txt dl dt:nth-of-type(2)::after { background: #64aa44;}
.cont04 .inner .box01 .subBox01 { display: flex; flex-direction: column; gap: 1.3333vw; margin-bottom: 5.3333vw;}
.cont04 .inner .box01 .subBox01 .img { margin: auto;}

.cont04 .inner .box01 .subBox02 { margin: 0 auto 11.4667vw;}
.cont04 .inner .box01 .subBox02 .txt {}
.cont04 .inner .box01 .subBox02 .txt h5 { font-size: 3.0667vw; height: 5.8667vw; align-content: center; border-left: solid 1.3333vw #000; border-bottom: solid 0.2667vw #000; padding: 0.6667vw 0 0.6667vw 2.6667vw; margin-bottom: 2.6667vw;}
.cont04 .inner .box01 .subBox02 .txt dl { display: grid; grid-template-columns: 25.3333vw 1fr; gap: 8.0000vw; margin: 0 0 3.4667vw; font-size: 3.3333vw;}
.cont04 .inner .box01 .subBox02 .txt dl span { font-size: 3.3333vw; display: block;}
.cont04 .inner .box01 .subBox02 .txt dl dt { position: relative;}
.cont04 .inner .box01 .subBox02 .txt dl dt span { display: block; color: #FFF; text-align: center; border-radius: 1.3333vw; margin-bottom: 1.3333vw;}
.cont04 .inner .box01 .subBox02 .txt dl dt::after { content: ""; width: 4.0000vw; height: 2.9333vw; clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); position: absolute; top: 1.3333vw; right: -5.3333vw;}
.cont04 .inner .box01 .subBox02 .txt dl dd { margin: 0; font-weight: 500;}
.cont04 .inner .box01 .subBox02 .txt p {}
.cont04 .inner .box01 .subBox02 .txt dl dt:nth-of-type(1) span { background: #cc5520;}
.cont04 .inner .box01 .subBox02 .txt dl dt:nth-of-type(1)::after { background: #cc5520;}

.cont04 .inner .box02 { margin: 0 auto 10.6667vw;}
.cont04 .inner .box02 h4 {}
.cont04 .inner .box02 > p { margin: 0 auto 4.0000vw; position: relative;}
.cont04 .inner .box02 ul { margin: 0 auto; display: flex; flex-direction: column; gap: 8.0000vw;}
.cont04 .inner .box02 ul li { position: relative;}
.cont04 .inner .box02 ul li h5 { font-size: 3.3333vw; text-align: center; width: 41.3333vw; position: absolute; right: 0; top: 0;}
.cont04 .inner .box02 ul li figure { display: flex; justify-content: space-between;}
.cont04 .inner .box02 ul li figure .img { width: 44.8000vw;}
.cont04 .inner .box02 ul li figure figcaption { width: 41.3333vw; padding-top: 6.6667vw;}

.cont04 .inner .box03 { margin: 0 auto;}
.cont04 .inner .box03 h4 {}
.cont04 .inner .box03 .head { margin: 0 auto;}
.cont04 .inner .box03 .head .txt {}
.cont04 .inner .box03 .head .txt h5 { font-size: 3.7333vw; margin-bottom: 1.3333vw;}
.cont04 .inner .box03 .head .txt p { margin: 0 auto;}
.cont04 .inner .box03 .head p .img { width: 46.6667vw; float: right; padding: 0 0 2.0000vw 2.0000vw;}


.cont05 {}
.cont05 .inner { padding-left: 11.4667vw; box-sizing: content-box; margin: 0 auto 13.3333vw; padding: 0 4.0000vw;}
.cont05 .inner h3 { font-size: 5.0667vw; font-weight: 600; text-align: center; margin-bottom: 6.4000vw; font-feature-settings: "palt";}
.cont05 .inner h3 + p { margin-bottom: 6.6667vw;}
.cont05 .inner h4 { font-size: 3.2000vw; font-weight: 400; margin-bottom: 1.3333vw;}
.cont05 .inner h4 + p { margin-bottom: 4.0000vw;}
.cont05 .inner .table_box { display: flex; flex-direction: column; gap: 4.0000vw;}
.cont05 .inner .table_box .table { width: 100%;}
.cont05 .inner .table_box .table table { width: 100%; height: 100%; border-collapse: collapse; border: solid 0.2667vw #000;}
.cont05 .inner .table_box .table table caption { text-align: left; font-weight: 700; margin-bottom: 0.6667vw;}
.cont05 .inner .table_box .table table th { border: solid 0.2667vw #000;}
.cont05 .inner .table_box .table table th:nth-of-type(1) {  width: 40%;}
.cont05 .inner .table_box .table table td { border: solid 0.2667vw #000;}

.cont05 .inner .table_box .table:nth-of-type(1) table {}
.cont05 .inner .table_box .table:nth-of-type(1) table th { height: 6.6667vw;}
.cont05 .inner .table_box .table:nth-of-type(1) table td { height: 12.0000vw; text-align: center; font-weight: 600;}
.cont05 .inner .table_box .table:nth-of-type(1) table tr td:nth-of-type(2) { font-size: 4.2667vw; color: #da7988;}
.cont05 .inner .table_box .table:nth-of-type(1) table tr td:nth-of-type(2) span { font-size: 5.8667vw; width: 1.8em; text-align: right; display: inline-block;}

.cont05 .inner .table_box .table:nth-of-type(2) table {}
.cont05 .inner .table_box .table:nth-of-type(2) table th { height: 5.3333vw; width: 22.6667vw;}
.cont05 .inner .table_box .table:nth-of-type(2) table td { height: 12.0000vw; font-weight: 600; padding: 0 2.6667vw;}
.cont05 .inner .table_box .table:nth-of-type(2) table td span { font-size: 1.8667vw; font-weight: 600; margin-top: 0.6667vw;}


}




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


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


.cont02 {}
.cont02 .inner { margin: 0 auto; padding: 0 30px;}
.cont02 .inner .box { margin: 0 auto 100px;}
.cont02 .inner .box h3 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 40px; text-align: center; margin-bottom: 5px;}
.cont02 .inner .box .img { margin: auto;}


.cont03 {}
.cont03 .inner { margin: 0 auto 100px; padding: 0 30px;}
.cont03 .inner h3 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 40px; margin: 0 auto 20px;}
.cont03 .inner .box { margin: 0 auto; text-align: center;}
.cont03 .inner .box p { margin: 0 auto 44px;}
.cont03 .inner .img { margin: auto;}


.cont04 {}
.cont04 .inner { margin: 0 auto 100px; counter-reset: number 0; padding: 0 30px;}
.cont04 .inner h3 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 40px; margin: 0 auto 36px; text-align: center;}

.cont04 .inner h4 { font-weight: 500; font-size: 26px; margin: 0 auto 26px; background: #f7e6dc; padding-left: 120px; height: 54px; align-content: center; position: relative; font-feature-settings: "palt";}
.cont04 .inner h4::before { content: counter(number) " "; counter-increment: number 1; position: absolute; left: 0; bottom: 0; z-index: 10; font-size: 80px; font-family: "Barlow", sans-serif; font-weight: 600; line-height: 1em;}
.cont04 .inner h4::after  { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100px; height: 100px; background-color: var(--color00); clip-path: polygon(0% 0%, 100% 0%, 0% 100%);}

.cont04 .inner .box01 { margin: 0 auto;}
.cont04 .inner .box01 > p { margin: 0 auto 30px; position: relative;}
.cont04 .inner .box01 > .img { margin: 0 auto 70px;}

.cont04 .inner .box01 .subBox01 { margin: 0 auto 14px;}
.cont04 .inner .box01 .subBox01 .txt {}
.cont04 .inner .box01 .subBox01 .txt h5 { font-size: 23px; height: 44px; align-content: center; border-left: solid 10px #000; border-bottom: solid 2px #000; padding: 5px 0 5px 20px; margin-bottom: 20px;}
.cont04 .inner .box01 .subBox01 .txt dl { display: grid; grid-template-columns: 80px 1fr; gap: 20px 60px; margin: 0 0 26px; font-size: 25px;}
.cont04 .inner .box01 .subBox01 .txt dl dt { position: relative;}
.cont04 .inner .box01 .subBox01 .txt dl dt span { display: block; color: #FFF; text-align: center; border-radius: 10px;}
.cont04 .inner .box01 .subBox01 .txt dl dt::after { content: ""; width: 30px; height: 22px; clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); position: absolute; top: 10px; right: -40px;}
.cont04 .inner .box01 .subBox01 .txt dl dd { margin: 0; font-weight: 500;}
.cont04 .inner .box01 .subBox01 .txt p {}
.cont04 .inner .box01 .subBox01 .txt dl dt:nth-of-type(1) span { background: #007fc6;}
.cont04 .inner .box01 .subBox01 .txt dl dt:nth-of-type(2) span { background: #64aa44;}
.cont04 .inner .box01 .subBox01 .txt dl dt:nth-of-type(1)::after { background: #007fc6;}
.cont04 .inner .box01 .subBox01 .txt dl dt:nth-of-type(2)::after { background: #64aa44;}
.cont04 .inner .box01 .subBox01 { display: flex; flex-direction: column; gap: 10px; margin-bottom: 40px;}
.cont04 .inner .box01 .subBox01 .img { margin: auto;}

.cont04 .inner .box01 .subBox02 { margin: 0 auto 86px;}
.cont04 .inner .box01 .subBox02 .txt {}
.cont04 .inner .box01 .subBox02 .txt h5 { font-size: 23px; height: 44px; align-content: center; border-left: solid 10px #000; border-bottom: solid 2px #000; padding: 5px 0 5px 20px; margin-bottom: 20px;}
.cont04 .inner .box01 .subBox02 .txt dl { display: grid; grid-template-columns: 190px 1fr; gap: 60px; margin: 0 0 26px; font-size: 25px;}
.cont04 .inner .box01 .subBox02 .txt dl span { font-size: 25px; display: block;}
.cont04 .inner .box01 .subBox02 .txt dl dt { position: relative;}
.cont04 .inner .box01 .subBox02 .txt dl dt span { display: block; color: #FFF; text-align: center; border-radius: 10px; margin-bottom: 10px;}
.cont04 .inner .box01 .subBox02 .txt dl dt::after { content: ""; width: 30px; height: 22px; clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); position: absolute; top: 10px; right: -40px;}
.cont04 .inner .box01 .subBox02 .txt dl dd { margin: 0; font-weight: 500;}
.cont04 .inner .box01 .subBox02 .txt p {}
.cont04 .inner .box01 .subBox02 .txt dl dt:nth-of-type(1) span { background: #cc5520;}
.cont04 .inner .box01 .subBox02 .txt dl dt:nth-of-type(1)::after { background: #cc5520;}

.cont04 .inner .box02 { margin: 0 auto 80px;}
.cont04 .inner .box02 h4 {}
.cont04 .inner .box02 > p { margin: 0 auto 30px; position: relative;}
.cont04 .inner .box02 ul { margin: 0 auto; display: flex; flex-direction: column; gap: 60px;}
.cont04 .inner .box02 ul li { position: relative;}
.cont04 .inner .box02 ul li h5 { font-size: 25px; text-align: center; width: 310px; position: absolute; right: 0; top: 0;}
.cont04 .inner .box02 ul li figure { display: flex; justify-content: space-between;}
.cont04 .inner .box02 ul li figure .img { width: 336px;}
.cont04 .inner .box02 ul li figure figcaption { width: 310px; padding-top: 50px;}

.cont04 .inner .box03 { margin: 0 auto;}
.cont04 .inner .box03 h4 {}
.cont04 .inner .box03 .head { margin: 0 auto;}
.cont04 .inner .box03 .head .txt {}
.cont04 .inner .box03 .head .txt h5 { font-size: 28px; margin-bottom: 10px;}
.cont04 .inner .box03 .head .txt p { margin: 0 auto;}
.cont04 .inner .box03 .head p .img { width: 350px; float: right; padding: 0 0 15px 15px;}


.cont05 {}
.cont05 .inner { padding-left: 86px; box-sizing: content-box; margin: 0 auto 100px; padding: 0 30px;}
.cont05 .inner h3 { font-size: 38px; font-weight: 600; text-align: center; margin-bottom: 48px; font-feature-settings: "palt";}
.cont05 .inner h3 + p { margin-bottom: 50px;}
.cont05 .inner h4 { font-size: 24px; font-weight: 400; margin-bottom: 10px;}
.cont05 .inner h4 + p { margin-bottom: 30px;}
.cont05 .inner .table_box { display: flex; flex-direction: column; gap: 30px;}
.cont05 .inner .table_box .table { width: 100%;}
.cont05 .inner .table_box .table table { width: 100%; height: 100%; border-collapse: collapse; border: solid 2px #000;}
.cont05 .inner .table_box .table table caption { text-align: left; font-weight: 700; margin-bottom: 5px;}
.cont05 .inner .table_box .table table th { border: solid 2px #000;}
.cont05 .inner .table_box .table table th:nth-of-type(1) {  width: 40%;}
.cont05 .inner .table_box .table table td { border: solid 2px #000;}

.cont05 .inner .table_box .table:nth-of-type(1) table {}
.cont05 .inner .table_box .table:nth-of-type(1) table th { height: 50px;}
.cont05 .inner .table_box .table:nth-of-type(1) table td { height: 90px; text-align: center; font-weight: 600;}
.cont05 .inner .table_box .table:nth-of-type(1) table tr td:nth-of-type(2) { font-size: 32px; color: #da7988;}
.cont05 .inner .table_box .table:nth-of-type(1) table tr td:nth-of-type(2) span { font-size: 44px; width: 1.8em; text-align: right; display: inline-block;}

.cont05 .inner .table_box .table:nth-of-type(2) table {}
.cont05 .inner .table_box .table:nth-of-type(2) table th { height: 40px; width: 170px;}
.cont05 .inner .table_box .table:nth-of-type(2) table td { height: 90px; font-weight: 600; padding: 0 20px;}
.cont05 .inner .table_box .table:nth-of-type(2) table td span { font-size: 14px; font-weight: 600; margin-top: 5px;}


}