@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 .list { display: flex; flex-wrap: wrap;}
.cont02 .inner .list .list01 { width: 738px; margin-right: 62px; margin-bottom: 90px;}
.cont02 .inner .list .list01 { width: 738px; margin-right: 62px; margin-bottom: 90px;}
.cont02 .inner .list .list01 h3 { font-size: 26px; font-feature-settings: "palt"; background: #a87e97; color: var(--color00); height: 48px; align-content: center; padding: 0 20px;}
.cont02 .inner .list .list01 .box { padding: 20px 30px;}
.cont02 .inner .list .list01 .box p { font-size: 17px; margin-bottom: 5px;}
.cont02 .inner .list .list01 .box .img { position: relative;}
.cont02 .inner .list .list01 .box .img::after { content: ""; background: url(../images/about_taiyo/earthquake/cont02_list01_imgs.png) 0 0; background-size: cover; width: 114px; height: 114px; position: absolute; top: 190px; right: -74px;}

.cont02 .inner .list .list02 { width: 524px; margin-bottom: 100px;}
.cont02 .inner .list .list02 h3 { font-size: 26px; font-feature-settings: "palt"; background: #a87e97; color: var(--color00); height: 48px; align-content: center; padding: 0 20px;}
.cont02 .inner .list .list02 .box { padding: 20px 30px;}
.cont02 .inner .list .list02 .box h4 { font-size: 21px; margin-bottom: 10px;}
.cont02 .inner .list .list02 .box p { font-size: 17px; margin-bottom: 5px;}
.cont02 .inner .list .list02 .box .img {}

.cont02 .inner .list .list03 { width: 1324px;}
.cont02 .inner .list .list03 h3 { font-size: 26px; font-feature-settings: "palt"; background: #a87e97; color: var(--color00); height: 48px; align-content: center; padding: 0 20px;}
.cont02 .inner .list .list03 .box { padding: 20px 50px;}
.cont02 .inner .list .list03 .box p { font-size: 17px; margin-bottom: 50px;}
.cont02 .inner .list .list03 .box .img { display: flex; justify-content: space-between; text-align: center; position: relative;}
.cont02 .inner .list .list03 .box .img::after { 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;}
.cont02 .inner .list .list03 .box .img .img_box { width: 577px;}
.cont02 .inner .list .list03 .box .img .img_box ul { display: inline-block; margin-top: 20px;}
.cont02 .inner .list .list03 .box .img .img_box ul li { text-align: left; padding-left: 1.2em; position: relative;}
.cont02 .inner .list .list03 .box .img .img_box ul li::before { content: "■"; color: #a87e97; position: absolute; top: 0; left: 0;}


.cont03 {}
.cont03 .inner { width: 1324px; margin: 0 auto 70px;}
.cont03 .inner h3 { height: 48px; background: #5d9abf; align-content: center; font-size: 26px; color: var(--color00); border-radius: 3px; padding: 0 20px; margin-bottom: 52px;}
.cont03 .inner .list { width: 1212px; margin: auto; display: flex; flex-wrap: wrap;}

.cont03 .inner .list .list01 { width: 585px; background: var(--color00); padding: 27px 0; border: solid 1px #5d9abf; position: relative; display: flex; flex-direction: column; margin-bottom: 40px;}
.cont03 .inner .list .list01::after { content: ""; width: 143px; height: 143px; background: #5d9abf; position: absolute; top: -6px; left: -6px; z-index: -1;}
.cont03 .inner .list .list01 .ttl { width: 143px; height: 143px; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; position: absolute; top: -13px; left: -13px; z-index: 50;}
.cont03 .inner .list .list01 .ttl h4 { font-size: 26px; color: #5d9abf;}
.cont03 .inner .list .list01 .txt { width: 402px; margin: 0 34px 0 auto;}
.cont03 .inner .list .list01 .txt p { font-size: 16px; margin-bottom: 26px;}
.cont03 .inner .list .list01 .img_list { width: 536px; margin: auto; display: flex; justify-content: space-between; position: relative;}
.cont03 .inner .list .list01 .img_list::after { 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;}
.cont03 .inner .list .list01 .img_list figure { width: 256px;}
.cont03 .inner .list .list01 .img_list figure .img { min-height: 180px; align-content: center;}
.cont03 .inner .list .list01 .img_list figure figcaption { width: 248px; margin: 10px auto 0;}
.cont03 .inner .list .list01 .img_list figure figcaption h5 { font-size: 16px; font-weight: 400; text-align: center; padding: 3px; margin-bottom: 5px;}
.cont03 .inner .list .list01 .img_list figure:nth-of-type(1) figcaption h5 { color: var(--color00) ; background: #c1541e; border: solid 1px #c1541e;}
.cont03 .inner .list .list01 .img_list figure:nth-of-type(2) figcaption h5 { color: var(--color99) ; background: var(--color00); border: solid 1px var(--color99);}
.cont03 .inner .list .list01 .img_list figure figcaption p { font-size: 14px;}

.cont03 .inner .list .list02 { width: 585px; background: var(--color00); padding: 27px 0; border: solid 1px #5d9abf; position: relative; display: flex; flex-direction: column; margin-bottom: 40px;}
.cont03 .inner .list .list02 { margin-left: 42px;}
.cont03 .inner .list .list02::after { content: ""; width: 143px; height: 143px; background: #5d9abf; position: absolute; top: -6px; left: -6px; z-index: -1;}
.cont03 .inner .list .list02 .ttl { width: 143px; height: 143px; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; position: absolute; top: -13px; left: -13px; z-index: 50;}
.cont03 .inner .list .list02 .ttl h4 { font-size: 26px; color: #5d9abf;}
.cont03 .inner .list .list02 .txt { width: 402px; margin: 0 34px 0 auto;}
.cont03 .inner .list .list02 .txt p { font-size: 16px; margin-bottom: 26px;}
.cont03 .inner .list .list02 .img_list { width: 536px; margin: auto; display: flex; justify-content: space-between; position: relative;}
.cont03 .inner .list .list02 .img_list::after { 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;}
.cont03 .inner .list .list02 .img_list figure { width: 256px;}
.cont03 .inner .list .list02 .img_list figure .img { min-height: 180px; align-content: center;}
.cont03 .inner .list .list02 .img_list figure figcaption { width: 248px; margin: 10px auto 0;}
.cont03 .inner .list .list02 .img_list figure figcaption h5 { font-size: 16px; font-weight: 400; text-align: center; padding: 3px; margin-bottom: 5px;}
.cont03 .inner .list .list02 .img_list figure:nth-of-type(1) figcaption h5 { color: var(--color00) ; background: #c1541e; border: solid 1px #c1541e;}
.cont03 .inner .list .list02 .img_list figure:nth-of-type(2) figcaption h5 { color: var(--color99) ; background: var(--color00); border: solid 1px var(--color99);}
.cont03 .inner .list .list02 .img_list figure figcaption p { font-size: 14px;}

.cont03 .inner .list .list03 { width: 585px; background: var(--color00); padding: 27px 0; border: solid 1px #5d9abf; position: relative; display: flex; flex-direction: column;}
.cont03 .inner .list .list03::after { content: ""; width: 143px; height: 143px; background: #5d9abf; position: absolute; top: -6px; left: -6px; z-index: -1;}
.cont03 .inner .list .list03 .ttl { width: 143px; height: 143px; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; position: absolute; top: -13px; left: -13px; z-index: 50;}
.cont03 .inner .list .list03 .ttl h4 { font-size: 26px; color: #5d9abf;}
.cont03 .inner .list .list03 .txt { width: auto; margin: 0 34px 0 34px;}
.cont03 .inner .list .list03 .txt span { width: 130px; height: 120px; float: left;}
.cont03 .inner .list .list03 .txt p { font-size: 16px;}

.cont03 .inner .list .list04 { width: 585px; background: var(--color00); padding: 27px 0; border: solid 1px #5d9abf; position: relative; display: flex; flex-direction: column;}
.cont03 .inner .list .list04 { margin-left: 42px;}
.cont03 .inner .list .list04 { width: 585px;}
.cont03 .inner .list .list04::after { content: ""; width: 143px; height: 143px; background: #5d9abf; position: absolute; top: -6px; left: -6px; z-index: -1;}
.cont03 .inner .list .list04 .ttl { width: 143px; height: 143px; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; position: absolute; top: -13px; left: -13px; z-index: 50;}
.cont03 .inner .list .list04 .ttl h4 { font-size: 26px; color: #5d9abf;}
.cont03 .inner .list .list04 .txt { width: 402px; margin: 0 34px 0 auto;}
.cont03 .inner .list .list04 .txt p { font-size: 16px;}


.cont04 {}
.cont04 .inner { width: 1324px; margin: 0 auto 80px;}
.cont04 .inner h3 { height: 48px; background: #5d9abf; align-content: center; font-size: 26px; color: var(--color00); border-radius: 3px; padding: 0 20px; margin-bottom: 52px;}
.cont04 .inner .list { width: 1212px; margin: auto; display: flex; flex-wrap: wrap;}

.cont04 .inner .list .list01 { width: 1212px; background: var(--color00); padding: 27px 0; border: solid 1px #5d9abf; position: relative; display: flex; flex-direction: row; margin-bottom: 40px;}
.cont04 .inner .list .list01::after { content: ""; width: 143px; height: 143px; background: #5d9abf; position: absolute; top: -6px; left: -6px; z-index: -1;}
.cont04 .inner .list .list01 .ttl { width: 143px; height: 143px; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; position: absolute; top: -13px; left: -13px;4z-index: 50;}
.cont04 .inner .list .list01 .ttl h4 { font-size: 26px; color: #5d9abf; text-align: center;}
.cont04 .inner .list .list01 .txt { width: 330px; margin: 0 0 0 34px;}
.cont04 .inner .list .list01 .txt h5 { font-size: 18px; margin-bottom: 40px; padding-left: 130px; color: #5a92b4;}
.cont04 .inner .list .list01 .txt p { font-size: 16px; margin-bottom: 26px;}
.cont04 .inner .list .list01 .img_list { width: 766px; margin: auto; display: flex; justify-content: space-between; position: relative;}
.cont04 .inner .list .list01 .img_list figure { width: 766px;}


}


/*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 .list { display: flex; flex-wrap: wrap;}
.cont02 .inner .list .list01 { width: 43.9286vw; margin-right: 3.6905vw; margin-bottom: 5.3571vw;}
.cont02 .inner .list .list01 { width: 43.9286vw; margin-right: 3.6905vw; margin-bottom: 5.3571vw;}
.cont02 .inner .list .list01 h3 { font-size: 1.5476vw; font-feature-settings: "palt"; background: #a87e97; color: var(--color00); height: 2.8571vw; align-content: center; padding: 0 1.1905vw;}
.cont02 .inner .list .list01 .box { padding: 1.1905vw 1.7857vw;}
.cont02 .inner .list .list01 .box p { font-size: 1.0119vw; margin-bottom: 0.2976vw;}
.cont02 .inner .list .list01 .box .img { position: relative;}
.cont02 .inner .list .list01 .box .img::after { content: ""; background: url(../images/about_taiyo/earthquake/cont02_list01_imgs.png) 0 0; background-size: cover; width: 6.7857vw; height: 6.7857vw; position: absolute; top: 11.3095vw; right: -4.4048vw;}

.cont02 .inner .list .list02 { width: 31.1905vw; margin-bottom: 5.9524vw;}
.cont02 .inner .list .list02 h3 { font-size: 1.5476vw; font-feature-settings: "palt"; background: #a87e97; color: var(--color00); height: 2.8571vw; align-content: center; padding: 0 1.1905vw;}
.cont02 .inner .list .list02 .box { padding: 1.1905vw 1.7857vw;}
.cont02 .inner .list .list02 .box h4 { font-size: 1.2500vw; margin-bottom: 0.5952vw;}
.cont02 .inner .list .list02 .box p { font-size: 1.0119vw; margin-bottom: 0.2976vw;}
.cont02 .inner .list .list02 .box .img {}

.cont02 .inner .list .list03 { width: 78.8095vw;}
.cont02 .inner .list .list03 h3 { font-size: 1.5476vw; font-feature-settings: "palt"; background: #a87e97; color: var(--color00); height: 2.8571vw; align-content: center; padding: 0 1.1905vw;}
.cont02 .inner .list .list03 .box { padding: 1.1905vw 2.9762vw;}
.cont02 .inner .list .list03 .box p { font-size: 1.0119vw; margin-bottom: 2.9762vw;}
.cont02 .inner .list .list03 .box .img { display: flex; justify-content: space-between; text-align: center; position: relative;}
.cont02 .inner .list .list03 .box .img::after { 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;}
.cont02 .inner .list .list03 .box .img .img_box { width: 34.3452vw;}
.cont02 .inner .list .list03 .box .img .img_box ul { display: inline-block; margin-top: 1.1905vw;}
.cont02 .inner .list .list03 .box .img .img_box ul li { text-align: left; padding-left: 1.2em; position: relative;}
.cont02 .inner .list .list03 .box .img .img_box ul li::before { content: "■"; color: #a87e97; position: absolute; top: 0; left: 0;}


.cont03 {}
.cont03 .inner { width: 78.8095vw; margin: 0 auto 4.1667vw;}
.cont03 .inner h3 { height: 2.8571vw; background: #5d9abf; align-content: center; font-size: 1.5476vw; color: var(--color00); border-radius: 0.1786vw; padding: 0 1.1905vw; margin-bottom: 3.0952vw;}
.cont03 .inner .list { width: 72.1429vw; margin: auto; display: flex; flex-wrap: wrap;}

.cont03 .inner .list .list01 { width: 34.8214vw; background: var(--color00); padding: 1.6071vw 0; border: solid 1px #5d9abf; position: relative; display: flex; flex-direction: column; margin-bottom: 2.3810vw;}
.cont03 .inner .list .list01::after { content: ""; width: 8.5119vw; height: 8.5119vw; background: #5d9abf; position: absolute; top: -0.3571vw; left: -0.3571vw; z-index: -1;}
.cont03 .inner .list .list01 .ttl { width: 8.5119vw; height: 8.5119vw; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; position: absolute; top: -0.7738vw; left: -0.7738vw; z-index: 50;}
.cont03 .inner .list .list01 .ttl h4 { font-size: 1.5476vw; color: #5d9abf;}
.cont03 .inner .list .list01 .txt { width: 23.9286vw; margin: 0 2.0238vw 0 auto;}
.cont03 .inner .list .list01 .txt p { font-size: 0.9524vw; margin-bottom: 1.5476vw;}
.cont03 .inner .list .list01 .img_list { width: 31.9048vw; margin: auto; display: flex; justify-content: space-between; position: relative;}
.cont03 .inner .list .list01 .img_list::after { 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;}
.cont03 .inner .list .list01 .img_list figure { width: 15.2381vw;}
.cont03 .inner .list .list01 .img_list figure .img { min-height: 10.7143vw; align-content: center;}
.cont03 .inner .list .list01 .img_list figure figcaption { width: 14.7619vw; margin: 0.5952vw auto 0;}
.cont03 .inner .list .list01 .img_list figure figcaption h5 { font-size: 0.9524vw; font-weight: 400; text-align: center; padding: 0.1786vw; margin-bottom: 0.2976vw;}
.cont03 .inner .list .list01 .img_list figure:nth-of-type(1) figcaption h5 { color: var(--color00) ; background: #c1541e; border: solid 1px #c1541e;}
.cont03 .inner .list .list01 .img_list figure:nth-of-type(2) figcaption h5 { color: var(--color99) ; background: var(--color00); border: solid 1px var(--color99);}
.cont03 .inner .list .list01 .img_list figure figcaption p { font-size: 0.8333vw;}

.cont03 .inner .list .list02 { width: 34.8214vw; background: var(--color00); padding: 1.6071vw 0; border: solid 1px #5d9abf; position: relative; display: flex; flex-direction: column; margin-bottom: 2.3810vw;}
.cont03 .inner .list .list02 { margin-left: 2.5000vw;}
.cont03 .inner .list .list02::after { content: ""; width: 8.5119vw; height: 8.5119vw; background: #5d9abf; position: absolute; top: -0.3571vw; left: -0.3571vw; z-index: -1;}
.cont03 .inner .list .list02 .ttl { width: 8.5119vw; height: 8.5119vw; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; position: absolute; top: -0.7738vw; left: -0.7738vw; z-index: 50;}
.cont03 .inner .list .list02 .ttl h4 { font-size: 1.5476vw; color: #5d9abf;}
.cont03 .inner .list .list02 .txt { width: 23.9286vw; margin: 0 2.0238vw 0 auto;}
.cont03 .inner .list .list02 .txt p { font-size: 0.9524vw; margin-bottom: 1.5476vw;}
.cont03 .inner .list .list02 .img_list { width: 31.9048vw; margin: auto; display: flex; justify-content: space-between; position: relative;}
.cont03 .inner .list .list02 .img_list::after { 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;}
.cont03 .inner .list .list02 .img_list figure { width: 15.2381vw;}
.cont03 .inner .list .list02 .img_list figure .img { min-height: 10.7143vw; align-content: center;}
.cont03 .inner .list .list02 .img_list figure figcaption { width: 14.7619vw; margin: 0.5952vw auto 0;}
.cont03 .inner .list .list02 .img_list figure figcaption h5 { font-size: 0.9524vw; font-weight: 400; text-align: center; padding: 0.1786vw; margin-bottom: 0.2976vw;}
.cont03 .inner .list .list02 .img_list figure:nth-of-type(1) figcaption h5 { color: var(--color00) ; background: #c1541e; border: solid 1px #c1541e;}
.cont03 .inner .list .list02 .img_list figure:nth-of-type(2) figcaption h5 { color: var(--color99) ; background: var(--color00); border: solid 1px var(--color99);}
.cont03 .inner .list .list02 .img_list figure figcaption p { font-size: 0.8333vw;}

.cont03 .inner .list .list03 { width: 34.8214vw; background: var(--color00); padding: 1.6071vw 0; border: solid 1px #5d9abf; position: relative; display: flex; flex-direction: column;}
.cont03 .inner .list .list03::after { content: ""; width: 8.5119vw; height: 8.5119vw; background: #5d9abf; position: absolute; top: -0.3571vw; left: -0.3571vw; z-index: -1;}
.cont03 .inner .list .list03 .ttl { width: 8.5119vw; height: 8.5119vw; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; position: absolute; top: -0.7738vw; left: -0.7738vw; z-index: 50;}
.cont03 .inner .list .list03 .ttl h4 { font-size: 1.5476vw; color: #5d9abf;}
.cont03 .inner .list .list03 .txt { width: auto; margin: 0 2.0238vw 0 2.0238vw;}
.cont03 .inner .list .list03 .txt span { width: 7.7381vw; height: 7.1429vw; float: left;}
.cont03 .inner .list .list03 .txt p { font-size: 0.9524vw;}

.cont03 .inner .list .list04 { width: 34.8214vw; background: var(--color00); padding: 1.6071vw 0; border: solid 1px #5d9abf; position: relative; display: flex; flex-direction: column;}
.cont03 .inner .list .list04 { margin-left: 2.5000vw;}
.cont03 .inner .list .list04 { width: 34.8214vw;}
.cont03 .inner .list .list04::after { content: ""; width: 8.5119vw; height: 8.5119vw; background: #5d9abf; position: absolute; top: -0.3571vw; left: -0.3571vw; z-index: -1;}
.cont03 .inner .list .list04 .ttl { width: 8.5119vw; height: 8.5119vw; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; position: absolute; top: -0.7738vw; left: -0.7738vw; z-index: 50;}
.cont03 .inner .list .list04 .ttl h4 { font-size: 1.5476vw; color: #5d9abf;}
.cont03 .inner .list .list04 .txt { width: 23.9286vw; margin: 0 2.0238vw 0 auto;}
.cont03 .inner .list .list04 .txt p { font-size: 0.9524vw;}


.cont04 {}
.cont04 .inner { width: 78.8095vw; margin: 0 auto 4.7619vw;}
.cont04 .inner h3 { height: 2.8571vw; background: #5d9abf; align-content: center; font-size: 1.5476vw; color: var(--color00); border-radius: 0.1786vw; padding: 0 1.1905vw; margin-bottom: 3.0952vw;}
.cont04 .inner .list { width: 72.1429vw; margin: auto; display: flex; flex-wrap: wrap;}

.cont04 .inner .list .list01 { width: 72.1429vw; background: var(--color00); padding: 1.6071vw 0; border: solid 1px #5d9abf; position: relative; display: flex; flex-direction: row; margin-bottom: 2.3810vw;}
.cont04 .inner .list .list01::after { content: ""; width: 8.5119vw; height: 8.5119vw; background: #5d9abf; position: absolute; top: -0.3571vw; left: -0.3571vw; z-index: -1;}
.cont04 .inner .list .list01 .ttl { width: 8.5119vw; height: 8.5119vw; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; position: absolute; top: -0.7738vw; left: -0.7738vw;4z-index: 50;}
.cont04 .inner .list .list01 .ttl h4 { font-size: 1.5476vw; color: #5d9abf; text-align: center;}
.cont04 .inner .list .list01 .txt { width: 19.6429vw; margin: 0 0 0 2.0238vw;}
.cont04 .inner .list .list01 .txt h5 { font-size: 1.0714vw; margin-bottom: 2.3810vw; padding-left: 7.7381vw; color: #5a92b4;}
.cont04 .inner .list .list01 .txt p { font-size: 0.9524vw; margin-bottom: 1.5476vw;}
.cont04 .inner .list .list01 .img_list { width: 45.5952vw; margin: auto; display: flex; justify-content: space-between; position: relative;}
.cont04 .inner .list .list01 .img_list figure { width: 45.5952vw;}


}




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


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


.cont02 {}
.cont02 .inner { width: 100%; margin: 0 auto 10.6667vw; padding: 0 4.0000vw;}
.cont02 .inner .list { display: flex; flex-wrap: wrap;}
.cont02 .inner .list .list01 { margin-bottom: 10.6667vw;}
.cont02 .inner .list .list01 h3 { font-size: 4.2667vw; font-feature-settings: "palt"; background: #a87e97; color: var(--color00); height: 9.0667vw; align-content: center; text-align: center;}
.cont02 .inner .list .list01 .box { padding: 4.0000vw 0 0;}
.cont02 .inner .list .list01 .box p { margin-bottom: 6.6667vw;}
.cont02 .inner .list .list01 .box .img { position: relative;}

.cont02 .inner .list .list02 { margin-bottom: 10.6667vw;}
.cont02 .inner .list .list02 h3 { font-size: 4.2667vw; font-feature-settings: "palt"; background: #a87e97; color: var(--color00); height: 9.0667vw; align-content: center; text-align: center;}
.cont02 .inner .list .list02 .box { padding: 2.6667vw 0;}
.cont02 .inner .list .list02 .box h4 { font-size: 4.0000vw; margin-bottom: 1.3333vw;}
.cont02 .inner .list .list02 .box p { margin-bottom: 5.0667vw;}
.cont02 .inner .list .list02 .box .img {}

.cont02 .inner .list .list03 { width: 100%;}
.cont02 .inner .list .list03 h3 { font-size: 4.2667vw; font-feature-settings: "palt"; background: #a87e97; color: var(--color00); height: 9.0667vw; align-content: center; text-align: center;}
.cont02 .inner .list .list03 .box { padding: 2.6667vw 0 0;}
.cont02 .inner .list .list03 .box p { margin-bottom: 6.6667vw;}
.cont02 .inner .list .list03 .box .img { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 8.0000vw; position: relative;}
.cont02 .inner .list .list03 .box .img .img_box { width: 80.5333vw; text-align: center;}
.cont02 .inner .list .list03 .box .img .img_box ul { display: inline-block; margin-top: 2.6667vw;}
.cont02 .inner .list .list03 .box .img .img_box ul li { text-align: left; padding-left: 1.2em; position: relative;}
.cont02 .inner .list .list03 .box .img .img_box ul li::before { content: "■"; color: #a87e97; position: absolute; top: 0; left: 0;}


.cont03 {}
.cont03 .inner { width: 100%; margin: 0 auto 12.0000vw; padding: 0 4.0000vw;}
.cont03 .inner h3 { height: 9.0667vw; background: #5d9abf; align-content: center; font-size: 4.2667vw; color: var(--color00); border-radius: 0.4000vw; margin-bottom: 6.9333vw; text-align: center;}
.cont03 .inner .list { display: flex; flex-direction: column;}

.cont03 .inner .list .list01 { background: var(--color00); display: flex; flex-direction: column; margin-bottom: 12.0000vw;}
.cont03 .inner .list .list01 .ttl { width: 78.1333vw; height: 7.7333vw; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; margin: 0 auto 4.8000vw; box-shadow: 1.0667vw 1.0667vw 0.0000vw 0.0000vw #5d9abf;}
.cont03 .inner .list .list01 .ttl h4 { font-size: 3.4667vw; color: #5d9abf;}
.cont03 .inner .list .list01 .txt { margin: 0 auto 8.5333vw;}
.cont03 .inner .list .list01 .txt p { margin-bottom: 3.4667vw;}
.cont03 .inner .list .list01 .img_list { width: auto; margin: auto; display: flex; justify-content: space-between; flex-direction: column; gap: 7.2000vw;}
.cont03 .inner .list .list01 .img_list figure {}
.cont03 .inner .list .list01 .img_list figure .img { min-height: 24.0000vw; align-content: center; margin-bottom: 4.5333vw;}
.cont03 .inner .list .list01 .img_list figure figcaption { margin: 1.3333vw auto 0;}
.cont03 .inner .list .list01 .img_list figure figcaption h5 { display: none;}
.cont03 .inner .list .list01 .img_list figure:nth-of-type(1) figcaption h5 { color: var(--color00) ; background: #c1541e; border: solid 1px #c1541e;}
.cont03 .inner .list .list01 .img_list figure:nth-of-type(2) figcaption h5 { color: var(--color99) ; background: var(--color00); border: solid 1px var(--color99);}
.cont03 .inner .list .list01 .img_list figure figcaption p {}

.cont03 .inner .list .list02 { background: var(--color00); display: flex; flex-direction: column; margin-bottom: 6.6667vw;}
.cont03 .inner .list .list02 .ttl { width: 78.1333vw; height: 7.7333vw; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; margin: 0 auto 4.8000vw; box-shadow: 1.0667vw 1.0667vw 0.0000vw 0.0000vw #5d9abf;}
.cont03 .inner .list .list02 .ttl h4 { font-size: 3.4667vw; color: #5d9abf;}
.cont03 .inner .list .list02 .txt { margin: 0 auto 8.5333vw;}
.cont03 .inner .list .list02 .txt p { margin-bottom: 3.4667vw;}
.cont03 .inner .list .list02 .img_list { width: auto; margin: auto; display: flex; justify-content: space-between; flex-direction: column; gap: 17.3333vw;}
.cont03 .inner .list .list02 .img_list figure {}
.cont03 .inner .list .list02 .img_list figure .img { min-height: 24.0000vw; align-content: center;}
.cont03 .inner .list .list02 .img_list figure figcaption { margin: 1.3333vw auto 0;}
.cont03 .inner .list .list02 .img_list figure figcaption h5 { display: none;}
.cont03 .inner .list .list02 .img_list figure figcaption p { display: none;}

.cont03 .inner .list .list03 { background: var(--color00); display: flex; flex-direction: column; margin-bottom: 10.6667vw;}
.cont03 .inner .list .list03 .ttl { width: 78.1333vw; height: 7.7333vw; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; margin: 0 auto 4.8000vw; box-shadow: 1.0667vw 1.0667vw 0.0000vw 0.0000vw #5d9abf;}
.cont03 .inner .list .list03 .ttl h4 { font-size: 3.4667vw; color: #5d9abf;}
.cont03 .inner .list .list03 .txt { margin: 0 auto;}
.cont03 .inner .list .list03 .txt p {}

.cont03 .inner .list .list04 { background: var(--color00); display: flex; flex-direction: column;}
.cont03 .inner .list .list04 .ttl { width: 78.1333vw; height: 7.7333vw; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; margin: 0 auto 4.8000vw; box-shadow: 1.0667vw 1.0667vw 0.0000vw 0.0000vw #5d9abf;}
.cont03 .inner .list .list04 .ttl h4 { font-size: 3.4667vw; color: #5d9abf;}
.cont03 .inner .list .list04 .txt { margin: 0 auto;}
.cont03 .inner .list .list04 .txt p {}


.cont04 {}
.cont04 .inner { width: 100%; margin: 0 auto 10.6667vw; padding: 0 4.0000vw;}
.cont04 .inner h3 { height: 9.0667vw; background: #5d9abf; align-content: center; font-size: 4.2667vw; color: var(--color00); border-radius: 0.4000vw; margin-bottom: 6.9333vw; text-align: center;}
.cont04 .inner .list { display: flex; flex-direction: column;}

.cont04 .inner .list .list01 { background: var(--color00); display: flex; flex-direction: column; margin-bottom: 10.6667vw;}
.cont04 .inner .list .list01 .ttl { width: 78.1333vw; height: 7.7333vw; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; margin: 0 auto 4.8000vw; box-shadow: 1.0667vw 1.0667vw 0.0000vw 0.0000vw #5d9abf;}
.cont04 .inner .list .list01 .ttl h4 { font-size: 3.4667vw; color: #5d9abf; text-align: center;}
.cont04 .inner .list .list01 .txt { margin: 0 auto;}
.cont04 .inner .list .list01 .txt h5 { font-size: 3.4667vw; margin-bottom: 5.3333vw; color: #5a92b4; text-align: center;;}
.cont04 .inner .list .list01 .txt p { margin-bottom: 5.3333vw;}
.cont04 .inner .list .list01 .img_list {  margin: auto; display: flex; justify-content: space-between; position: relative;}
.cont04 .inner .list .list01 .img_list figure { }


}




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


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


.cont02 {}
.cont02 .inner { width: 100%; margin: 0 auto 80px; padding: 0 30px;}
.cont02 .inner .list { display: flex; flex-wrap: wrap;}
.cont02 .inner .list .list01 { margin-bottom: 80px;}
.cont02 .inner .list .list01 h3 { font-size: 32px; font-feature-settings: "palt"; background: #a87e97; color: var(--color00); height: 68px; align-content: center; text-align: center;}
.cont02 .inner .list .list01 .box { padding: 30px 0 0;}
.cont02 .inner .list .list01 .box p { margin-bottom: 50px;}
.cont02 .inner .list .list01 .box .img { position: relative;}

.cont02 .inner .list .list02 { margin-bottom: 80px;}
.cont02 .inner .list .list02 h3 { font-size: 32px; font-feature-settings: "palt"; background: #a87e97; color: var(--color00); height: 68px; align-content: center; text-align: center;}
.cont02 .inner .list .list02 .box { padding: 20px 0;}
.cont02 .inner .list .list02 .box h4 { font-size: 30px; margin-bottom: 10px;}
.cont02 .inner .list .list02 .box p { margin-bottom: 38px;}
.cont02 .inner .list .list02 .box .img {}

.cont02 .inner .list .list03 { width: 100%;}
.cont02 .inner .list .list03 h3 { font-size: 32px; font-feature-settings: "palt"; background: #a87e97; color: var(--color00); height: 68px; align-content: center; text-align: center;}
.cont02 .inner .list .list03 .box { padding: 20px 0 0;}
.cont02 .inner .list .list03 .box p { margin-bottom: 50px;}
.cont02 .inner .list .list03 .box .img { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 60px; position: relative;}
.cont02 .inner .list .list03 .box .img .img_box { width: 604px; text-align: center;}
.cont02 .inner .list .list03 .box .img .img_box ul { display: inline-block; margin-top: 20px;}
.cont02 .inner .list .list03 .box .img .img_box ul li { text-align: left; padding-left: 1.2em; position: relative;}
.cont02 .inner .list .list03 .box .img .img_box ul li::before { content: "■"; color: #a87e97; position: absolute; top: 0; left: 0;}


.cont03 {}
.cont03 .inner { width: 100%; margin: 0 auto 90px; padding: 0 30px;}
.cont03 .inner h3 { height: 68px; background: #5d9abf; align-content: center; font-size: 32px; color: var(--color00); border-radius: 3px; margin-bottom: 52px; text-align: center;}
.cont03 .inner .list { display: flex; flex-direction: column;}

.cont03 .inner .list .list01 { background: var(--color00); display: flex; flex-direction: column; margin-bottom: 90px;}
.cont03 .inner .list .list01 .ttl { width: 586px; height: 58px; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; margin: 0 auto 36px; box-shadow: 8px 8px 0px 0px #5d9abf;}
.cont03 .inner .list .list01 .ttl h4 { font-size: 26px; color: #5d9abf;}
.cont03 .inner .list .list01 .txt { margin: 0 auto 64px;}
.cont03 .inner .list .list01 .txt p { margin-bottom: 26px;}
.cont03 .inner .list .list01 .img_list { width: auto; margin: auto; display: flex; justify-content: space-between; flex-direction: column; gap: 54px;}
.cont03 .inner .list .list01 .img_list figure {}
.cont03 .inner .list .list01 .img_list figure .img { min-height: 180px; align-content: center; margin-bottom: 34px;}
.cont03 .inner .list .list01 .img_list figure figcaption { margin: 10px auto 0;}
.cont03 .inner .list .list01 .img_list figure figcaption h5 { display: none;}
.cont03 .inner .list .list01 .img_list figure:nth-of-type(1) figcaption h5 { color: var(--color00) ; background: #c1541e; border: solid 1px #c1541e;}
.cont03 .inner .list .list01 .img_list figure:nth-of-type(2) figcaption h5 { color: var(--color99) ; background: var(--color00); border: solid 1px var(--color99);}
.cont03 .inner .list .list01 .img_list figure figcaption p {}

.cont03 .inner .list .list02 { background: var(--color00); display: flex; flex-direction: column; margin-bottom: 50px;}
.cont03 .inner .list .list02 .ttl { width: 586px; height: 58px; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; margin: 0 auto 36px; box-shadow: 8px 8px 0px 0px #5d9abf;}
.cont03 .inner .list .list02 .ttl h4 { font-size: 26px; color: #5d9abf;}
.cont03 .inner .list .list02 .txt { margin: 0 auto 64px;}
.cont03 .inner .list .list02 .txt p { margin-bottom: 26px;}
.cont03 .inner .list .list02 .img_list { width: auto; margin: auto; display: flex; justify-content: space-between; flex-direction: column; gap: 130px;}
.cont03 .inner .list .list02 .img_list figure {}
.cont03 .inner .list .list02 .img_list figure .img { min-height: 180px; align-content: center;}
.cont03 .inner .list .list02 .img_list figure figcaption { margin: 10px auto 0;}
.cont03 .inner .list .list02 .img_list figure figcaption h5 { display: none;}
.cont03 .inner .list .list02 .img_list figure figcaption p { display: none;}

.cont03 .inner .list .list03 { background: var(--color00); display: flex; flex-direction: column; margin-bottom: 80px;}
.cont03 .inner .list .list03 .ttl { width: 586px; height: 58px; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; margin: 0 auto 36px; box-shadow: 8px 8px 0px 0px #5d9abf;}
.cont03 .inner .list .list03 .ttl h4 { font-size: 26px; color: #5d9abf;}
.cont03 .inner .list .list03 .txt { margin: 0 auto;}
.cont03 .inner .list .list03 .txt p {}

.cont03 .inner .list .list04 { background: var(--color00); display: flex; flex-direction: column;}
.cont03 .inner .list .list04 .ttl { width: 586px; height: 58px; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; margin: 0 auto 36px; box-shadow: 8px 8px 0px 0px #5d9abf;}
.cont03 .inner .list .list04 .ttl h4 { font-size: 26px; color: #5d9abf;}
.cont03 .inner .list .list04 .txt { margin: 0 auto;}
.cont03 .inner .list .list04 .txt p {}


.cont04 {}
.cont04 .inner { width: 100%; margin: 0 auto 80px; padding: 0 30px;}
.cont04 .inner h3 { height: 68px; background: #5d9abf; align-content: center; font-size: 32px; color: var(--color00); border-radius: 3px; margin-bottom: 52px; text-align: center;}
.cont04 .inner .list { display: flex; flex-direction: column;}

.cont04 .inner .list .list01 { background: var(--color00); display: flex; flex-direction: column; margin-bottom: 80px;}
.cont04 .inner .list .list01 .ttl { width: 586px; height: 58px; display: flex; justify-content: center; align-items: center; background: #e2f0f4; border: solid 1px #5d9abf; margin: 0 auto 36px; box-shadow: 8px 8px 0px 0px #5d9abf;}
.cont04 .inner .list .list01 .ttl h4 { font-size: 26px; color: #5d9abf; text-align: center;}
.cont04 .inner .list .list01 .txt { margin: 0 auto;}
.cont04 .inner .list .list01 .txt h5 { font-size: 26px; margin-bottom: 40px; color: #5a92b4; text-align: center;;}
.cont04 .inner .list .list01 .txt p { margin-bottom: 40px;}
.cont04 .inner .list .list01 .img_list {  margin: auto; display: flex; justify-content: space-between; position: relative;}
.cont04 .inner .list .list01 .img_list figure { }


}