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


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


.cont01 { padding-top: 76px;}
.cont01 .inner {}
.cont01 .inner .txt { width: 1324px; margin: 50px auto 80px; padding: 0 0 0 130px; display: flex; justify-content: space-between;}
.cont01 .inner .txt h2 { font-size: 95px; line-height: 1.4; font-weight: 600; writing-mode: vertical-rl;}
.cont01 .inner .txt .txtR { width: 858px; padding-right: 84px;}
.cont01 .inner .txt .txtR h3 { font-size: 32px; line-height: 1.6; font-weight: 600; padding-top: 58px; font-feature-settings: "palt"; letter-spacing: 0.05em;}
.cont01 .inner .txt .txtR p { font-size: 17px; padding-top: 40px;}


.cont02 {}
.cont02 .inner { width: 1324px; margin: 0 auto 110px;}
.cont02 .inner h3 { font-size: 26px; color: var(--color00); background: #5d9abf; height: 54px; align-content: center; padding-left: 140px; position: relative; margin-bottom: 20px;}
.cont02 .inner h3::before { content: "1"; position: absolute; left: 20px; bottom: 30px; font-size: 80px; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont02 .inner h3::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%);}
.cont02 .inner .box { width: 1238px; margin-left: auto;}
.cont02 .inner .box .txt { width: 1238px; margin: 0 0 40px auto; font-size: 17px; position: relative;}
.cont02 .inner .box .img { width: 1068px; margin: auto; display: flex; justify-content: space-between; align-items: baseline;}
.cont02 .inner .box .img figure:nth-of-type(1) { width: 440px;}
.cont02 .inner .box .img figure:nth-of-type(2) { width: 487px;}


.cont03 {}
.cont03 .inner { width: 1324px; margin: 0 auto 110px;}
.cont03 .inner h3 { font-size: 26px; color: var(--color00); background: #5d9abf; height: 54px; align-content: center; padding-left: 140px; position: relative; margin-bottom: 20px;}
.cont03 .inner h3::before { content: "2"; position: absolute; left: 20px; bottom: 30px; font-size: 80px; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont03 .inner h3::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%);}
.cont03 .inner .box { width: 1238px; margin-left: auto;}
.cont03 .inner .box .txt01 { width: 1238px; margin: 0 0 30px auto; font-size: 17px; position: relative;}
.cont03 .inner .box .img01 { width: 1114px; margin: 0 auto 68px; display: flex; justify-content: space-between;}
.cont03 .inner .box .img01 figure { width: 538px; display: block;}
.cont03 .inner .box .txt02 { width: 1238px; margin: 0 0 5px auto; font-size: 17px; position: relative;}
.cont03 .inner .box .img02 { width: 1092px; margin: 0 auto 68px; display: flex; justify-content: space-between; align-items: baseline; position: relative;}
.cont03 .inner .box .img02::before { content: ""; position: absolute; top: 0; left: 563px; 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 .img02 figure:nth-of-type(1) { width: 514px;}
.cont03 .inner .box .img02 figure:nth-of-type(2) { width: 480px;}


.cont04 {}
.cont04 .inner { width: 1324px; margin: 0 auto 110px;}
.cont04 .inner h3 { font-size: 26px; color: var(--color00); background: #5d9abf; height: 54px; align-content: center; padding-left: 140px; position: relative; margin-bottom: 40px;}
.cont04 .inner h3::before { content: "3"; position: absolute; left: 20px; bottom: 30px; font-size: 80px; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont04 .inner h3::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 .box { width: 1240px; margin-left: auto; display: flex; justify-content: space-between; position: relative;}
.cont04 .inner .box::before { content: ""; position: absolute; top: 0; left: 0; right: 0; 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;}
.cont04 .inner .box .box_list { width: 582px;}
.cont04 .inner .box .box_list .txt { margin-bottom: 30px;}
.cont04 .inner .box .box_list .txt h4 { height: 62px; display: flex; justify-content: space-between; margin-bottom: 20px; position: relative; background: #5d9abf;}
.cont04 .inner .box .box_list .txt h4 > span { font-size: 18px; line-height: 1.4; color: var(--color00); align-content: center; padding-left: 20px;}
.cont04 .inner .box .box_list .txt h4 em { font-size: 24px; color: #5d9abf; font-style: normal; background: #e7f3f7; width: 390px; padding-left: 30px; text-align: center; align-content: center; position: relative;}
.cont04 .inner .box .box_list .txt h4 em span { font-size: 16px; font-feature-settings: "palt";}
.cont04 .inner .box .box_list .txt h4 em:before { content: "";  position: absolute; top: 0; left: 0; width: auto; height: 100%; aspect-ratio: 1; clip-path: polygon(0 0,100% 0,0 100%); background: #5d9abf;}


.cont05 {}
.cont05 .inner { width: 1324px; margin: 0 auto 110px;}
.cont05 .inner h3 { font-size: 26px; color: var(--color00); background: #5d9abf; height: 54px; align-content: center; padding-left: 140px; position: relative; margin-bottom: 40px;}
.cont05 .inner h3::before { content: "4"; position: absolute; left: 20px; bottom: 30px; font-size: 80px; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont05 .inner h3::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%);}
.cont05 .inner .box { width: 1238px; margin-left: auto;}
.cont05 .inner .box .box_list { display: flex; justify-content: space-between; margin-bottom: 40px; padding-bottom: 30px; 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 .box_list:nth-last-child(1) { background-image: none;}
.cont05 .inner .box .box_list .txt { width: 574px;}
.cont05 .inner .box .box_list .txt h4 { height: 62px; display: flex; justify-content: space-between; margin-bottom: 20px; position: relative; background: #5d9abf;}
.cont05 .inner .box .box_list .txt h4 span { font-size: 18px; line-height: 1.4; color: var(--color00); align-content: center; padding-left: 20px;}
.cont05 .inner .box .box_list .txt h4 em { font-size: 24px; color: #5d9abf; font-style: normal; background: #e7f3f7; width: 390px; padding-left: 30px; text-align: center; align-content: center; position: relative;}
.cont05 .inner .box .box_list .txt h4 em:before { content: "";  position: absolute; top: 0; left: 0; width: auto; height: 100%; aspect-ratio: 1; clip-path: polygon(0 0,100% 0,0 100%); background: #5d9abf;}
.cont05 .inner .box .box_list .img { width: 639px;}

.cont06 {}
.cont06 .inner { width: 1324px; margin: 0 auto 110px;}
.cont06 .inner h3 { font-size: 26px; color: var(--color00); background: #5d9abf; height: 54px; align-content: center; padding-left: 140px; position: relative; margin-bottom: 20px;}
.cont06 .inner h3::before { content: "5"; position: absolute; left: 20px; bottom: 30px; font-size: 80px; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont06 .inner h3::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%);}
.cont06 .inner .txt { width: 1238px; margin-left: auto; font-size: 17px; position: relative;}
.cont06 .inner .img { width: 818px; margin: 40px auto 40px;}
.cont06 .inner .table { width: 820px; margin: auto;}
.cont06 .inner .table caption { font-size: 17px; padding: 5px 0;}
.cont06 .inner .table table { width: 100%; border: solid 1px; border-collapse:  collapse;}
.cont06 .inner .table table { width: 100%; border: solid 1px; border-collapse:  collapse;}
.cont06 .inner .table table th { border: solid 1px; padding: 5px 0; font-size: 15px; font-weight: 400; width: calc( 100% / 6 ); background: #f2f0e9;}
.cont06 .inner .table table td { border: solid 1px; padding: 5px 0; text-align: center;}
.cont06 .inner .table p { font-size: 10px; font-feature-settings: "palt"; margin-top: 5px;}


}


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


.cont01 { padding-top: 4.5238vw;}
.cont01 .inner {}
.cont01 .inner .txt { width: 78.8095vw; margin: 2.9762vw auto 4.7619vw; padding: 0 0 0 7.7381vw; display: flex; justify-content: space-between;}
.cont01 .inner .txt h2 { font-size: 5.6548vw; line-height: 1.4; font-weight: 600; writing-mode: vertical-rl;}
.cont01 .inner .txt .txtR { width: 51.0714vw; padding-right: 5.0000vw;}
.cont01 .inner .txt .txtR h3 { font-size: 1.9048vw; line-height: 1.6; font-weight: 600; padding-top: 3.4524vw; font-feature-settings: "palt"; letter-spacing: 0.05em;}
.cont01 .inner .txt .txtR p { font-size: 1.0119vw; padding-top: 2.3810vw;}


.cont02 {}
.cont02 .inner { width: 78.8095vw; margin: 0 auto 6.5476vw;}
.cont02 .inner h3 { font-size: 1.5476vw; color: var(--color00); background: #5d9abf; height: 3.2143vw; align-content: center; padding-left: 8.3333vw; position: relative; margin-bottom: 1.1905vw;}
.cont02 .inner h3::before { content: "1"; position: absolute; left: 1.1905vw; bottom: 1.7857vw; font-size: 4.7619vw; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont02 .inner h3::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%);}
.cont02 .inner .box { width: 73.6905vw; margin-left: auto;}
.cont02 .inner .box .txt { width: 73.6905vw; margin: 0 0 2.3810vw auto; font-size: 1.0119vw; position: relative;}
.cont02 .inner .box .img { width: 63.5714vw; margin: auto; display: flex; justify-content: space-between; align-items: baseline;}
.cont02 .inner .box .img figure:nth-of-type(1) { width: 26.1905vw;}
.cont02 .inner .box .img figure:nth-of-type(2) { width: 28.9881vw;}


.cont03 {}
.cont03 .inner { width: 78.8095vw; margin: 0 auto 6.5476vw;}
.cont03 .inner h3 { font-size: 1.5476vw; color: var(--color00); background: #5d9abf; height: 3.2143vw; align-content: center; padding-left: 8.3333vw; position: relative; margin-bottom: 1.1905vw;}
.cont03 .inner h3::before { content: "2"; position: absolute; left: 1.1905vw; bottom: 1.7857vw; font-size: 4.7619vw; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont03 .inner h3::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%);}
.cont03 .inner .box { width: 73.6905vw; margin-left: auto;}
.cont03 .inner .box .txt01 { width: 73.6905vw; margin: 0 0 1.7857vw auto; font-size: 1.0119vw; position: relative;}
.cont03 .inner .box .img01 { width: 66.3095vw; margin: 0 auto 4.0476vw; display: flex; justify-content: space-between;}
.cont03 .inner .box .img01 figure { width: 32.0238vw; display: block;}
.cont03 .inner .box .txt02 { width: 73.6905vw; margin: 0 0 0.2976vw auto; font-size: 1.0119vw; position: relative;}
.cont03 .inner .box .img02 { width: 65.0000vw; margin: 0 auto 4.0476vw; display: flex; justify-content: space-between; align-items: baseline; position: relative;}
.cont03 .inner .box .img02::before { content: ""; position: absolute; top: 0; left: 33.5119vw; 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 .img02 figure:nth-of-type(1) { width: 30.5952vw;}
.cont03 .inner .box .img02 figure:nth-of-type(2) { width: 28.5714vw;}


.cont04 {}
.cont04 .inner { width: 78.8095vw; margin: 0 auto 6.5476vw;}
.cont04 .inner h3 { font-size: 1.5476vw; color: var(--color00); background: #5d9abf; height: 3.2143vw; align-content: center; padding-left: 8.3333vw; position: relative; margin-bottom: 2.3810vw;}
.cont04 .inner h3::before { content: "3"; position: absolute; left: 1.1905vw; bottom: 1.7857vw; font-size: 4.7619vw; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont04 .inner h3::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 .box { width: 73.8095vw; margin-left: auto; display: flex; justify-content: space-between; position: relative;}
.cont04 .inner .box::before { content: ""; position: absolute; top: 0; left: 0; right: 0; 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;}
.cont04 .inner .box .box_list { width: 34.6429vw;}
.cont04 .inner .box .box_list .txt { margin-bottom: 1.7857vw;}
.cont04 .inner .box .box_list .txt h4 { height: 3.6905vw; display: flex; justify-content: space-between; margin-bottom: 1.1905vw; position: relative; background: #5d9abf;}
.cont04 .inner .box .box_list .txt h4 > span { font-size: 1.0714vw; line-height: 1.4; color: var(--color00); align-content: center; padding-left: 1.1905vw;}
.cont04 .inner .box .box_list .txt h4 em { font-size: 1.4286vw; color: #5d9abf; font-style: normal; background: #e7f3f7; width: 23.2143vw; padding-left: 1.7857vw; text-align: center; align-content: center; position: relative;}
.cont04 .inner .box .box_list .txt h4 em span { font-size: 0.9524vw; font-feature-settings: "palt";}
.cont04 .inner .box .box_list .txt h4 em:before { content: "";  position: absolute; top: 0; left: 0; width: auto; height: 100%; aspect-ratio: 1; clip-path: polygon(0 0,100% 0,0 100%); background: #5d9abf;}


.cont05 {}
.cont05 .inner { width: 78.8095vw; margin: 0 auto 6.5476vw;}
.cont05 .inner h3 { font-size: 1.5476vw; color: var(--color00); background: #5d9abf; height: 3.2143vw; align-content: center; padding-left: 8.3333vw; position: relative; margin-bottom: 2.3810vw;}
.cont05 .inner h3::before { content: "4"; position: absolute; left: 1.1905vw; bottom: 1.7857vw; font-size: 4.7619vw; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont05 .inner h3::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%);}
.cont05 .inner .box { width: 73.6905vw; margin-left: auto;}
.cont05 .inner .box .box_list { display: flex; justify-content: space-between; margin-bottom: 2.3810vw; padding-bottom: 1.7857vw; background-image: linear-gradient(to right, #333 0.3571vw, transparent 0.2381vw); background-size: 0.7143vw 0.1190vw; background-repeat: repeat-x; background-position: left bottom;}
.cont05 .inner .box .box_list:nth-last-child(1) { background-image: none;}
.cont05 .inner .box .box_list .txt { width: 34.1667vw;}
.cont05 .inner .box .box_list .txt h4 { height: 3.6905vw; display: flex; justify-content: space-between; margin-bottom: 1.1905vw; position: relative; background: #5d9abf;}
.cont05 .inner .box .box_list .txt h4 span { font-size: 1.0714vw; line-height: 1.4; color: var(--color00); align-content: center; padding-left: 1.1905vw;}
.cont05 .inner .box .box_list .txt h4 em { font-size: 1.4286vw; color: #5d9abf; font-style: normal; background: #e7f3f7; width: 23.2143vw; padding-left: 1.7857vw; text-align: center; align-content: center; position: relative;}
.cont05 .inner .box .box_list .txt h4 em:before { content: "";  position: absolute; top: 0; left: 0; width: auto; height: 100%; aspect-ratio: 1; clip-path: polygon(0 0,100% 0,0 100%); background: #5d9abf;}
.cont05 .inner .box .box_list .img { width: 38.0357vw;}

.cont06 {}
.cont06 .inner { width: 78.8095vw; margin: 0 auto 6.5476vw;}
.cont06 .inner h3 { font-size: 1.5476vw; color: var(--color00); background: #5d9abf; height: 3.2143vw; align-content: center; padding-left: 8.3333vw; position: relative; margin-bottom: 1.1905vw;}
.cont06 .inner h3::before { content: "5"; position: absolute; left: 1.1905vw; bottom: 1.7857vw; font-size: 4.7619vw; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont06 .inner h3::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%);}
.cont06 .inner .txt { width: 73.6905vw; margin-left: auto; font-size: 1.0119vw; position: relative;}
.cont06 .inner .img { width: 48.6905vw; margin: 2.3810vw auto 2.3810vw;}
.cont06 .inner .table { width: 48.8095vw; margin: auto;}
.cont06 .inner .table caption { font-size: 1.0119vw; padding: 0.2976vw 0;}
.cont06 .inner .table table { width: 100%; border: solid 1px; border-collapse:  collapse;}
.cont06 .inner .table table { width: 100%; border: solid 1px; border-collapse:  collapse;}
.cont06 .inner .table table th { border: solid 1px; padding: 0.2976vw 0; font-size: 0.8929vw; font-weight: 400; width: calc( 100% / 6 ); background: #f2f0e9;}
.cont06 .inner .table table td { border: solid 1px; padding: 0.2976vw 0; text-align: center;}
.cont06 .inner .table p { font-size: 0.5952vw; font-feature-settings: "palt"; margin-top: 0.2976vw;}


}



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


.cont01 {}
.cont01 .inner { padding: 0 4.0000vw;}
.cont01 .inner .txt { margin: 6.6667vw auto 10.6667vw; padding: 0;}
.cont01 .inner .txt h2 { font-size: 8.5333vw; line-height: 1.4; font-weight: 600; font-feature-settings: "palt"; letter-spacing: 0.05em; text-align: center;}
.cont01 .inner .txt .txtR {}
.cont01 .inner .txt .txtR h3 { font-size: 4.2667vw; line-height: 1.6; font-weight: 600; padding-top: 7.7333vw; font-feature-settings: "palt"; letter-spacing: 0.05em; text-align: center;}
.cont01 .inner .txt .txtR p { padding-top: 5.3333vw;}


.cont02 {}
.cont02 .inner { margin: 0 auto 12.0000vw; padding: 0 4.0000vw;}
.cont02 .inner h3 { font-size: 3.4667vw; color: var(--color00); background: #5d9abf; height: 7.2000vw; align-content: center; padding-left: 16.0000vw; position: relative; margin-bottom: 4.0000vw;}
.cont02 .inner h3::before { content: "1"; position: absolute; left: 0; bottom: 2.6667vw; font-size: 10.6667vw; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont02 .inner h3::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%);}
.cont02 .inner .box { margin-left: auto;}
.cont02 .inner .box .txt { margin: 0 0 5.3333vw auto; position: relative;}
.cont02 .inner .box .img {}
.cont02 .inner .box .img figure:nth-of-type(1) { margin-bottom: 5.3333vw;}
.cont02 .inner .box .img figure:nth-of-type(2) { width: 69.0667vw; margin: auto;}


.cont03 {}
.cont03 .inner { margin: 0 auto 12.0000vw; padding: 0 4.0000vw;}
.cont03 .inner h3 { font-size: 3.4667vw; color: var(--color00); background: #5d9abf; height: 7.2000vw; align-content: center; padding-left: 16.0000vw; position: relative; margin-bottom: 4.0000vw; transform: scale(0.8, 1); transform-origin: top left; width: 125%;}
.cont03 .inner h3::before { content: "2"; position: absolute; left: 0; bottom: 2.6667vw; font-size: 10.6667vw; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont03 .inner h3::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%);}
.cont03 .inner .box { max-width: 165.0667vw; margin-left: auto;}
.cont03 .inner .box .txt01 { margin-bottom: 9.8667vw;}
.cont03 .inner .box .img01 { display: flex; flex-direction: column; gap: 10.6667vw; margin-bottom: 6.6667vw;}
.cont03 .inner .box .img01 figure {}
.cont03 .inner .box .txt02 { margin-bottom: 5.3333vw;}
.cont03 .inner .box .img02 { display: flex; flex-direction: column; gap: 10.6667vw;}
/*.cont03 .inner .box .img02::before { content: ""; position: absolute; top: 0; left: 75.0667vw; bottom: 0; margin: auto; max-width: 0.2667vw; background-image: linear-gradient(to bottom, #333 0.5333vw, transparent 0.5333vw); background-size: 0.5333vw 1.0667vw; background-repeat: repeat-y; background-position: left top;}*/
.cont03 .inner .box .img02 figure:nth-of-type(1) {}
.cont03 .inner .box .img02 figure:nth-of-type(2) {}


.cont04 {}
.cont04 .inner { margin: 0 auto 14.6667vw; padding: 0 4.0000vw;}
.cont04 .inner h3 { font-size: 3.4667vw; color: var(--color00); background: #5d9abf; height: 7.2000vw; align-content: center; padding-left: 16.0000vw; position: relative; margin-bottom: 7.7333vw;}
.cont04 .inner h3::before { content: "3"; position: absolute; left: 0; bottom: 2.6667vw; font-size: 10.6667vw; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont04 .inner h3::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 .box {}
/*.cont04 .inner .box::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 0.2667vw; background-image: linear-gradient(to bottom, #333 0.5333vw, transparent 0.5333vw); background-size: 0.5333vw 1.0667vw; background-repeat: repeat-y; background-position: left top;}*/
.cont04 .inner .box .box_list { position: relative;}
.cont04 .inner .box .box_list .txt { margin-bottom: 4.0000vw;}
.cont04 .inner .box .box_list .txt h4 { height: 9.6000vw; display: flex; justify-content: space-between; margin-bottom: 4.0000vw; position: relative; background: #5d9abf;}
.cont04 .inner .box .box_list .txt h4 > span { font-size: 2.4000vw; line-height: 1.4; color: var(--color00); align-content: center; padding-left: 2.6667vw;}
.cont04 .inner .box .box_list .txt h4 em { font-size: 3.2000vw; color: #5d9abf; font-style: normal; background: #e7f3f7; width: 64.0000vw; padding-left: 4.0000vw; text-align: center; align-content: center; position: relative;}
.cont04 .inner .box .box_list .txt h4 em span { font-size: 2.1333vw; font-feature-settings: "palt";}
.cont04 .inner .box .box_list .txt h4 em:before { content: "";  position: absolute; top: 0; left: 0; max-width: auto; height: 100%; aspect-ratio: 1; clip-path: polygon(0 0,100% 0,0 100%); background: #5d9abf;}
.cont04 .inner .box .box_list .img { margin-bottom: 7.2000vw;}
.cont04 .inner .box .box_list:nth-of-type(2) .txt p { position: absolute; top: 14.6667vw; left: 0; width: 53.3333vw;}
.cont04 .inner .box .box_list:nth-of-type(2) .img { margin-top: 9.3333vw;}


.cont05 {}
.cont05 .inner { margin: 0 auto 12.0000vw; padding: 0 4.0000vw;}
.cont05 .inner h3 { font-size: 3.4667vw; color: var(--color00); background: #5d9abf; height: 7.2000vw; align-content: center; padding-left: 16.0000vw; position: relative; margin-bottom: 8.0000vw;}
.cont05 .inner h3::before { content: "4"; position: absolute; left: 0; bottom: 2.6667vw; font-size: 10.6667vw; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont05 .inner h3::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%);}
.cont05 .inner .box {}
.cont05 .inner .box .box_list {}
.cont05 .inner .box .box_list:nth-last-child(1) { background-image: none;}
.cont05 .inner .box .box_list .txt {}
.cont05 .inner .box .box_list .txt h4 { height: 9.6000vw; display: flex; justify-content: space-between; margin-bottom: 2.6667vw; position: relative; background: #5d9abf;}
.cont05 .inner .box .box_list .txt h4 span { font-size: 2.4000vw; line-height: 1.4; color: var(--color00); align-content: center; padding-left: 2.6667vw;}
.cont05 .inner .box .box_list .txt h4 em { font-size: 3.2000vw; color: #5d9abf; font-style: normal; background: #e7f3f7; width: 64.0000vw; padding-left: 4.0000vw; text-align: center; align-content: center; position: relative;}
.cont05 .inner .box .box_list .txt h4 em:before { content: "";  position: absolute; top: 0; left: 0; max-width: auto; height: 100%; aspect-ratio: 1; clip-path: polygon(0 0,100% 0,0 100%); background: #5d9abf;}
.cont05 .inner .box .box_list .img { margin: 5.3333vw 0 9.8667vw;}

.cont06 {}
.cont06 .inner { margin: 0 auto 14.6667vw; padding: 0 4.0000vw;}
.cont06 .inner h3 { font-size: 3.4667vw; color: var(--color00); background: #5d9abf; height: 7.2000vw; align-content: center; padding-left: 16.0000vw; position: relative; margin-bottom: 6.6667vw;}
.cont06 .inner h3::before { content: "5"; position: absolute; left: 0; bottom: 2.6667vw; font-size: 10.6667vw; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont06 .inner h3::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%);}
.cont06 .inner .txt { position: relative; margin-bottom: 4.0000vw;}
.cont06 .inner .img { margin-bottom: 10.6667vw;}
.cont06 .inner .table { width: 100%; margin: auto;}
.cont06 .inner .table caption { font-size: 2.6667vw; padding: 0.6667vw 0;}
.cont06 .inner .table table { width: 100%; border: solid 1px; border-collapse:  collapse; font-size: 2.6667vw;}
.cont06 .inner .table table th { border: solid 1px; padding: 0.6667vw 0; font-size: 2.0000vw; font-weight: 400; max-width: calc( 100% / 6 ); background: #f2f0e9;}
.cont06 .inner .table table td { border: solid 1px; padding: 0.6667vw 0; text-align: center;}
.cont06 .inner .table p { font-size: 2.1333vw; font-feature-settings: "palt"; margin-top: 0.6667vw;}


}




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


.cont01 {}
.cont01 .inner { padding: 0 30px;}
.cont01 .inner .txt { margin: 50px auto 80px; padding: 0;}
.cont01 .inner .txt h2 { font-size: 64px; line-height: 1.4; font-weight: 600; font-feature-settings: "palt"; letter-spacing: 0.05em; text-align: center;}
.cont01 .inner .txt .txtR {}
.cont01 .inner .txt .txtR h3 { font-size: 32px; line-height: 1.6; font-weight: 600; padding-top: 58px; font-feature-settings: "palt"; letter-spacing: 0.05em; text-align: center;}
.cont01 .inner .txt .txtR p { padding-top: 40px;}


.cont02 {}
.cont02 .inner { margin: 0 auto 90px; padding: 0 30px;}
.cont02 .inner h3 { font-size: 26px; color: var(--color00); background: #5d9abf; height: 54px; align-content: center; padding-left: 120px; position: relative; margin-bottom: 30px;}
.cont02 .inner h3::before { content: "1"; position: absolute; left: 0; bottom: 20px; font-size: 80px; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont02 .inner h3::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%);}
.cont02 .inner .box { margin-left: auto;}
.cont02 .inner .box .txt { margin: 0 0 40px auto; position: relative;}
.cont02 .inner .box .img {}
.cont02 .inner .box .img figure:nth-of-type(1) { margin-bottom: 40px;}
.cont02 .inner .box .img figure:nth-of-type(2) { width: 518px; margin: auto;}


.cont03 {}
.cont03 .inner { margin: 0 auto 90px; padding: 0 30px;}
.cont03 .inner h3 { font-size: 26px; color: var(--color00); background: #5d9abf; height: 54px; align-content: center; padding-left: 120px; position: relative; margin-bottom: 30px; transform: scale(0.8, 1); transform-origin: top left; width: 125%;}
.cont03 .inner h3::before { content: "2"; position: absolute; left: 0; bottom: 20px; font-size: 80px; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont03 .inner h3::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%);}
.cont03 .inner .box { max-width: 1238px; margin-left: auto;}
.cont03 .inner .box .txt01 { margin-bottom: 74px;}
.cont03 .inner .box .img01 { display: flex; flex-direction: column; gap: 80px; margin-bottom: 50px;}
.cont03 .inner .box .img01 figure {}
.cont03 .inner .box .txt02 { margin-bottom: 40px;}
.cont03 .inner .box .img02 { display: flex; flex-direction: column; gap: 80px;}
/*.cont03 .inner .box .img02::before { content: ""; position: absolute; top: 0; left: 563px; bottom: 0; margin: auto; max-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 .img02 figure:nth-of-type(1) {}
.cont03 .inner .box .img02 figure:nth-of-type(2) {}


.cont04 {}
.cont04 .inner { margin: 0 auto 110px; padding: 0 30px;}
.cont04 .inner h3 { font-size: 26px; color: var(--color00); background: #5d9abf; height: 54px; align-content: center; padding-left: 120px; position: relative; margin-bottom: 58px;}
.cont04 .inner h3::before { content: "3"; position: absolute; left: 0; bottom: 20px; font-size: 80px; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont04 .inner h3::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 .box {}
/*.cont04 .inner .box::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 2px; background-image: linear-gradient(to bottom, #333 4px, transparent 4px); background-size: 4px 8px; background-repeat: repeat-y; background-position: left top;}*/
.cont04 .inner .box .box_list { position: relative;}
.cont04 .inner .box .box_list .txt { margin-bottom: 30px;}
.cont04 .inner .box .box_list .txt h4 { height: 72px; display: flex; justify-content: space-between; margin-bottom: 30px; position: relative; background: #5d9abf;}
.cont04 .inner .box .box_list .txt h4 > span { font-size: 18px; line-height: 1.4; color: var(--color00); align-content: center; padding-left: 20px;}
.cont04 .inner .box .box_list .txt h4 em { font-size: 24px; color: #5d9abf; font-style: normal; background: #e7f3f7; width: 480px; padding-left: 30px; text-align: center; align-content: center; position: relative;}
.cont04 .inner .box .box_list .txt h4 em span { font-size: 16px; font-feature-settings: "palt";}
.cont04 .inner .box .box_list .txt h4 em:before { content: "";  position: absolute; top: 0; left: 0; max-width: auto; height: 100%; aspect-ratio: 1; clip-path: polygon(0 0,100% 0,0 100%); background: #5d9abf;}
.cont04 .inner .box .box_list .img { margin-bottom: 54px;}
.cont04 .inner .box .box_list:nth-of-type(2) .txt p { position: absolute; top: 110px; left: 0; width: 400px;}
.cont04 .inner .box .box_list:nth-of-type(2) .img { margin-top: 70px;}


.cont05 {}
.cont05 .inner { margin: 0 auto 90px; padding: 0 30px;}
.cont05 .inner h3 { font-size: 26px; color: var(--color00); background: #5d9abf; height: 54px; align-content: center; padding-left: 120px; position: relative; margin-bottom: 60px;}
.cont05 .inner h3::before { content: "4"; position: absolute; left: 0; bottom: 20px; font-size: 80px; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont05 .inner h3::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%);}
.cont05 .inner .box {}
.cont05 .inner .box .box_list {}
.cont05 .inner .box .box_list:nth-last-child(1) { background-image: none;}
.cont05 .inner .box .box_list .txt {}
.cont05 .inner .box .box_list .txt h4 { height: 72px; display: flex; justify-content: space-between; margin-bottom: 20px; position: relative; background: #5d9abf;}
.cont05 .inner .box .box_list .txt h4 span { font-size: 18px; line-height: 1.4; color: var(--color00); align-content: center; padding-left: 20px;}
.cont05 .inner .box .box_list .txt h4 em { font-size: 24px; color: #5d9abf; font-style: normal; background: #e7f3f7; width: 480px; padding-left: 30px; text-align: center; align-content: center; position: relative;}
.cont05 .inner .box .box_list .txt h4 em:before { content: "";  position: absolute; top: 0; left: 0; max-width: auto; height: 100%; aspect-ratio: 1; clip-path: polygon(0 0,100% 0,0 100%); background: #5d9abf;}
.cont05 .inner .box .box_list .img { margin: 40px 0 74px;}

.cont06 {}
.cont06 .inner { margin: 0 auto 110px; padding: 0 30px;}
.cont06 .inner h3 { font-size: 26px; color: var(--color00); background: #5d9abf; height: 54px; align-content: center; padding-left: 120px; position: relative; margin-bottom: 50px;}
.cont06 .inner h3::before { content: "5"; position: absolute; left: 0; bottom: 20px; font-size: 80px; color: var(--color99); z-index: 10; font-family: "Barlow", sans-serif; font-weight: 600;}
.cont06 .inner h3::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%);}
.cont06 .inner .txt { position: relative; margin-bottom: 30px;}
.cont06 .inner .img { margin-bottom: 80px;}
.cont06 .inner .table { width: 100%; margin: auto;}
.cont06 .inner .table caption { font-size: 20px; padding: 5px 0;}
.cont06 .inner .table table { width: 100%; border: solid 1px; border-collapse:  collapse; font-size: 20px;}
.cont06 .inner .table table th { border: solid 1px; padding: 5px 0; font-size: 15px; font-weight: 400; max-width: calc( 100% / 6 ); background: #f2f0e9;}
.cont06 .inner .table table td { border: solid 1px; padding: 5px 0; text-align: center;}
.cont06 .inner .table p { font-size: 16px; font-feature-settings: "palt"; margin-top: 5px;}


}