@charset "UTF-8"; @media screen and (min-width: 768px), print {
 main { margin-top: 55px; }
.seo_bread_list { max-width: 1280px; width: 95%; margin: 0 auto; }
.post-more-btn { max-width: 360px; height: 60px; border-radius: 1000px; display: flex; justify-content: center; align-items: center; background: #EF7E11; transition: background-position 0.2s ease 0s; margin: 47px auto 0; }
.post-more-btn:hover { background-position: -100%; text-decoration: none; }
.post-more-btn:hover .post-more-btn__arrow { transform: translateX(4px); }
.post-more-btn__text { display: block; color: white; font-size: 16px; font-weight: 600; line-height: 1; margin-right: 1em; }
.post-more-btn__arrow { display: block; transition: transform 0.2s ease 0s; }
.post-more-btn__arrow > svg { display: block; width: 15px; height: 15px; }
.post-more-btn__arrow > svg > use { fill: #fff; }
.title { position: relative; }
.title .wrapper .container { max-width: 1500px; width: 90%; margin: 0 auto; }
.title .wrapper .container .title-Box { max-width: 1200px; width: 90%; margin: 0 auto; height: 309px; position: relative; display: flex; align-items: flex-end; padding: 30px 0; }
.title .wrapper .container .title-Box h1 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 65px; line-height: 60px; margin-left: 85px; letter-spacing: 3px; font-weight: 600; }
.title .wrapper .container .title-Box h1 span { display: block; font-size: 25px; letter-spacing: 0; }
.title .wrapper .container .title-Box > P { position: absolute; top: 34px; left: 10px; z-index: -1; width: 99%; }
.title .wrapper .container .title-Box > P img { width: 100%; }
.title .wrapper .container .text-Box { background: #E5E8EA; padding-bottom: 78px; margin-top: 115px; }
.title .wrapper .container .text-Box .fig { max-width: 1200px; width: 90%; display: block; margin: 0 auto; }
.title .wrapper .container .text-Box .fig img { width: 100%; margin-top: -115px; }
.title .wrapper .container .text-Box > p { max-width: 1200px; width: 90%; margin: 47px auto 0; font-size: 16px; line-height: 2.25; }
.title .title__scroll { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 22px; flex: 1; min-width: 80px; position: absolute; top: 62.7%; left: 0; transform: translate(0, -50%); }
.title .title__scroll > span { line-height: 1; font-size: 13px; font-weight: normal; writing-mode: vertical-rl; letter-spacing: 0.05em; }
.title .title__scroll::after { content: ""; display: block; width: 1px; height: 80px; background-color: #1a1a1a; }
#lead-sec { padding: 115px 0 0; }
#lead-sec .wrapper .container { max-width: 1000px; width: 90%; margin: 0 auto; }
#lead-sec .wrapper .container h2 { width: 638px; margin: 0 auto 25px; }
#lead-sec .wrapper .container h2 img { width: 100%; }
#lead-sec .wrapper .container > p { text-align: center; font-size: 20px; }
#lead-sec .wrapper .container .graph { width: 576px; margin: 40px auto 58px; }
#lead-sec .wrapper .container .graph img { width: 100%; }
#lead-sec .wrapper .line-Box { background: linear-gradient(60deg, #54C2F0 0%, #1A77BC 75%); padding: 43px 0; }
#lead-sec .wrapper .line-Box .fig { display: block; max-width: 1200px; width: 90%; margin: 0 auto; }
#lead-sec .wrapper .line-Box .fig img { width: 100%; }
#secA { padding: 150px 0; }
#secA .wrapper .container { max-width: 1200px; margin: 0 auto; }
#secA .wrapper .container h2 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-align: center; font-size: 50px; line-height: 1; letter-spacing: 2.8px; font-weight: 600; }
#secA .wrapper .container .flex-Box { display: flex; margin-top: 87px; min-height: clamp(460px, 29.2708333333vw, 562px); }
#secA .wrapper .container .flex-Box .fig { width: 50%; position: relative; }
#secA .wrapper .container .flex-Box .fig img { width: clamp(640px, 50vw, 960px); position: absolute; top: 5px; right: 0; }
#secA .wrapper .container .flex-Box p { width: 50%; font-size: 16px; padding-left: 58px; line-height: 2.375; }
#secA .wrapper .container ul { display: flex; justify-content: space-between; margin-top: 76px; }
#secA .wrapper .container ul li { width: 285px; }
#secA .wrapper .container ul li img { width: 100%; }
#secB { background: #F5F6F7; padding: 150px 0 154px; }
#secB .wrapper .container { max-width: 1200px; margin: 0 auto; }
#secB .wrapper .container h2 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-align: center; font-size: 50px; line-height: 1; letter-spacing: 2.8px; font-weight: 600; }
#secB .wrapper .container .flex-Box { display: flex; margin-top: 87px; min-height: clamp(460px, 29.2708333333vw, 562px); }
#secB .wrapper .container .flex-Box .fig { width: 50%; position: relative; }
#secB .wrapper .container .flex-Box .fig img { width: clamp(640px, 50vw, 960px); position: absolute; top: 5px; right: 0; }
#secB .wrapper .container .flex-Box p { width: 50%; font-size: 16px; padding-left: 58px; line-height: 2.375; }
#secB .wrapper .container .fig-right .fig { order: 2; }
#secB .wrapper .container .fig-right .fig img { left: 0; right: auto; }
#secB .wrapper .container .fig-right p { order: 1; padding-right: 54px; padding-left: 0; }
#secB .wrapper .container .txt { text-align: center; margin-bottom: 15px; margin-top: 80px; font-size: 20px;}
#secB .wrapper .container ul { display: flex; justify-content: space-between; }
#secB .wrapper .container ul li { width: 386px; }
#secB .wrapper .container ul li img { width: 100%; }
#secC { padding: 150px 0 155px; }
#secC .wrapper .container { max-width: 1200px; margin: 0 auto; }
#secC .wrapper .container h2 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-align: center; font-size: 50px; line-height: 1; letter-spacing: 2.8px; font-weight: 600; }
#secC .wrapper .container .flex-Box { display: flex; margin-top: 87px; min-height: clamp(460px, 29.2708333333vw, 562px); }
#secC .wrapper .container .flex-Box .fig { width: 50%; position: relative; }
#secC .wrapper .container .flex-Box .fig img { width: clamp(640px, 50vw, 960px); position: absolute; top: 5px; right: 0; }
#secC .wrapper .container .flex-Box p { width: 50%; font-size: 16px; padding-left: 54px; line-height: 2.375; }
#secD { background: #F5F6F7; padding: 150px 0 154px; }
#secD .wrapper .container { max-width: 1200px; margin: 0 auto; }
#secD .wrapper .container h2 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-align: center; font-size: 50px; line-height: 1; letter-spacing: 2.8px; font-weight: 600; }
#secD .wrapper .container .flex-Box { display: flex; margin-top: 87px; min-height: clamp(460px, 29.2708333333vw, 562px); }
#secD .wrapper .container .flex-Box .fig { width: 50%; position: relative; }
#secD .wrapper .container .flex-Box .fig img { width: clamp(640px, 50vw, 960px); position: absolute; top: 5px; right: 0; }
#secD .wrapper .container .flex-Box p { width: 50%; font-size: 16px; padding-left: 54px; line-height: 2.375; }
#secD .wrapper .container .fig-right .fig { order: 2; }
#secD .wrapper .container .fig-right .fig img { left: 0; right: auto; }
#secD .wrapper .container .fig-right p { order: 1; padding-right: 54px; padding-left: 0; }
.matome { background-image: url(../images/reason/n-bg-01.png); background-repeat: no-repeat; background-position: center 0; padding-top: 140px; padding-bottom: 126px; .matome-txt { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: 600; font-size: 33px; letter-spacing: 0.05em; line-height: 53px; text-align: center; color: #fff; margin-bottom: 55px; }
.matome-pic { width: 1040px; margin: 0 auto; margin-bottom: -128px; }
.matome-txt-box { width: 1200px; margin: 0 auto; background-color: #FFFFFF; padding: 161px 170px 43px; font-size: 16px; line-height: 38px; }
 }
#renovation { padding: 151px 0 150px; }
#renovation .wrapper .container { max-width: 1396px; width: 90%; margin: 0 auto; }
#renovation .wrapper .container .top-Box { background: #11526F; padding: 41px 98px 95px; display: flex; justify-content: space-between; }
#renovation .wrapper .container .top-Box h2 { width: 50%; max-width: 544.5px; height: 318px; display: flex; justify-content: center; flex-direction: column; margin-top: 10px; }
#renovation .wrapper .container .top-Box h2 img { width: 100%; }
#renovation .wrapper .container .top-Box h2 span { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 25px; margin-top: 14px; display: block; color: #fff; letter-spacing: 1.3px; }
#renovation .wrapper .container .top-Box .fig { width: 50%; position: relative; }
#renovation .wrapper .container .top-Box .fig img { width: clamp(580px, 37.7604166667vw, 725px); position: absolute; top: 50%; left: 25px; transform: translate(0, -50%); }
#renovation .wrapper .container .bottom-Box { background: #F5F6F7; text-align: center; padding-bottom: 75px; }
#renovation .wrapper .container .bottom-Box .link-Box { max-width: 1200px; width: 90%; display: inline-block; margin-top: -62px; }
#renovation .wrapper .container .bottom-Box .link-Box ul { display: flex; flex-wrap: wrap; justify-content: center; gap: min(1.25vw, 24px); }
#renovation .wrapper .container .bottom-Box .link-Box ul li { max-width: 384px; width: 32%; }
#renovation .wrapper .container .bottom-Box .link-Box ul li:nth-child(n+4) { margin-top: 7px; }
#renovation .wrapper .container .bottom-Box .link-Box ul li img { width: 100%; }
 }
@media screen and (max-width: 767px) {
 main { margin-top: 4.8309178744vw; }
.post-more-btn { height: 14.4927536232vw; border-radius: 241.5458937198vw; display: flex; justify-content: center; align-items: center; background-image: linear-gradient(135deg, #54c2f0 0%, #1a77bc 50%, #54c2f0 100%); background-size: 200% 100%; background-position: 0%; transition: background-position 0.2s ease 0s; }
.post-more-btn:hover { background-position: -100%; text-decoration: none; }
.post-more-btn:hover .post-more-btn__arrow { transform: translateX(25%); }
.post-more-btn__text { padding-left: 1em; display: block; color: white; font-size: 3.8647342995vw; font-weight: 600; line-height: 1; margin-right: 1em; }
.post-more-btn__arrow { display: block; transition: transform 0.2s ease 0s; }
.post-more-btn__arrow > svg { display: block; width: 3.6231884058vw; height: 3.6231884058vw; }
.post-more-btn__arrow > svg > use { fill: #fff; }
.title { position: relative; }
.title .wrapper .container { width: 95%; margin: 0 auto; }
.title .wrapper .container .title-Box { width: 95%; margin: 0 auto; height: 37.4396135266vw; position: relative; display: flex; align-items: flex-end; padding: 7.2463768116vw 0; }
.title .wrapper .container .title-Box h1 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 7.2463768116vw; line-height: 7.2463768116vw; margin-left: 7.2463768116vw; letter-spacing: 1.5px; font-weight: 600; }
.title .wrapper .container .title-Box h1 span { display: block; font-size: 3.6231884058vw; letter-spacing: 0; }
.title .wrapper .container .title-Box > P { position: absolute; top: 8.2125603865vw; left: 0; z-index: -1; width: 100%; }
.title .wrapper .container .title-Box > P img { width: 100%; }
.title .wrapper .container .text-Box { background: #E5E8EA; padding-bottom: 8.4541062802vw; margin-top: 9.6618357488vw; }
.title .wrapper .container .text-Box .fig { width: 90%; display: block; margin: 0 auto; }
.title .wrapper .container .text-Box .fig img { width: 100%; margin-top: -115px; }
.title .wrapper .container .text-Box > p { width: 90%; margin: 6.038647343vw auto 0; font-size: 3.8647342995vw; line-height: 1.7; }
.title .title__scroll { display: none; }
#lead-sec { padding: 14.4927536232vw 0 0; }
#lead-sec .wrapper .container { width: 90%; margin: 0 auto; }
#lead-sec .wrapper .container h2 { width: 67.6328502415vw; margin: 0 auto 3.6231884058vw; }
#lead-sec .wrapper .container h2 img { width: 100%; }
#lead-sec .wrapper .container > p { text-align: center; font-size: 3.8647342995vw; }
#lead-sec .wrapper .container .graph { width: 89.3719806763vw; margin: 4.8309178744vw auto 7.2463768116vw; }
#lead-sec .wrapper .container .graph img { width: 100%; }
#lead-sec .wrapper .line-Box { background: linear-gradient(60deg, #54C2F0 0%, #1A77BC 75%); padding: 4.8309178744vw 0; }
#lead-sec .wrapper .line-Box .fig { display: block; width: 90%; margin: 0 auto; }
#lead-sec .wrapper .line-Box .fig img { width: 100%; }
#secA { padding: 14.4927536232vw 0; }
#secA .wrapper .container { width: 90%; margin: 0 auto; }
#secA .wrapper .container h2 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-align: center; font-size: 7.2463768116vw; line-height: 1.2; letter-spacing: 1.5px; font-weight: 600; }
#secA .wrapper .container .flex-Box { display: flex; flex-direction: column; margin-top: 7.2463768116vw; }
#secA .wrapper .container .flex-Box .fig { width: 100%; position: relative; }
#secA .wrapper .container .flex-Box .fig img { width: 100%; }
#secA .wrapper .container .flex-Box p { width: 100%; font-size: 3.8647342995vw; line-height: 1.7; margin-top: 4.8309178744vw; }
#secA .wrapper .container ul { display: flex; justify-content: space-between; margin-top: 7.2463768116vw; margin-bottom: 7.2463768116vw; flex-wrap: wrap; gap: 3.3816425121vw; }
#secA .wrapper .container ul li { width: 48%; }
#secA .wrapper .container ul li img { width: 100%; }
#secB { background: #F5F6F7; padding: 14.4927536232vw 0; }
#secB .wrapper .container { width: 90%; margin: 0 auto; }
#secB .wrapper .container h2 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-align: center; font-size: 7.2463768116vw; line-height: 1.2; letter-spacing: 1.5px; font-weight: 600; }
#secB .wrapper .container .flex-Box { display: flex; flex-direction: column; margin-top: 7.2463768116vw; }
#secB .wrapper .container .flex-Box .fig { width: 100%; position: relative; }
#secB .wrapper .container .flex-Box .fig img { width: 100%; }
#secB .wrapper .container .flex-Box p { width: 100%; font-size: 3.8647342995vw; line-height: 1.7; margin-top: 4.8309178744vw; }
#secB .wrapper .container .txt { text-align: center; margin-bottom: 3vw; margin-top: 8vw; font-size: 5vw;}
#secB .wrapper .container ul { display: flex; justify-content: center; margin-bottom: 7.2463768116vw; flex-wrap: wrap; gap: 3.3816425121vw; }
#secB .wrapper .container ul li { width: 48%; }
#secB .wrapper .container ul li img { width: 100%; }
#secC { padding: 14.4927536232vw 0; }
#secC .wrapper .container { width: 90%; margin: 0 auto; }
#secC .wrapper .container h2 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-align: center; font-size: 7.2463768116vw; line-height: 1.2; letter-spacing: 1.5px; font-weight: 600; }
#secC .wrapper .container .flex-Box { display: flex; flex-direction: column; margin-top: 7.2463768116vw; }
#secC .wrapper .container .flex-Box .fig { width: 100%; position: relative; }
#secC .wrapper .container .flex-Box .fig img { width: 100%; }
#secC .wrapper .container .flex-Box p { width: 100%; font-size: 3.8647342995vw; line-height: 1.7; margin-top: 4.8309178744vw; }
#secD { background: #F5F6F7; padding: 14.4927536232vw 0; }
#secD .wrapper .container { width: 90%; margin: 0 auto; }
#secD .wrapper .container h2 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-align: center; font-size: 7.2463768116vw; line-height: 1.2; letter-spacing: 1.5px; font-weight: 600; }
#secD .wrapper .container .flex-Box { display: flex; flex-direction: column; margin-top: 7.2463768116vw; }
#secD .wrapper .container .flex-Box .fig { width: 100%; position: relative; }
#secD .wrapper .container .flex-Box .fig img { width: 100%; }
#secD .wrapper .container .flex-Box p { width: 100%; font-size: 3.8647342995vw; line-height: 1.7; margin-top: 4.8309178744vw; }

.matome { background-image: url(../images/reason/n-bg-01.png); background-repeat: no-repeat; background-position: center 0; padding-top: 15.7vw; padding-bottom: 14.493vw; .matome-txt { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: 600; text-align: center; color: #fff; margin-bottom: 8.213vw; font-size: 6.763vw; letter-spacing: 0.05em; line-height: 10.87vw; }
.matome-pic { width: 84.541vw; margin: 0 auto; margin-bottom: -40.58vw; }
.matome-txt-box { margin: 0 auto; background-color: #FFFFFF; padding: 40.821vw 5.072vw 10.386vw; font-size: 3.865vw; font-size: 3.8647342995vw; line-height: 1.7; margin-top: 4.8309178744vw; }
 }

#renovation { padding: 9.6618357488vw 0 12.077294686vw; }
#renovation .wrapper .container { width: 90%; margin: 0 auto; }
#renovation .wrapper .container .top-Box { background: #11526F; padding: 4.8309178744vw; display: flex; justify-content: space-between; flex-direction: column; }
#renovation .wrapper .container .top-Box h2 { width: 100%; display: flex; justify-content: center; flex-direction: column; margin-bottom: 2.4154589372vw; }
#renovation .wrapper .container .top-Box h2 img { width: 80%; }
#renovation .wrapper .container .top-Box h2 span { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 3.8647342995vw; margin-top: 2.4154589372vw; display: block; color: #fff; letter-spacing: 1.3px; }
#renovation .wrapper .container .top-Box .fig { width: 100%; position: relative; }
#renovation .wrapper .container .top-Box .fig img { width: 100%; }
#renovation .wrapper .container .bottom-Box { background: #F5F6F7; text-align: center; padding: 4.8309178744vw 0; }
#renovation .wrapper .container .bottom-Box .link-Box { width: 90%; display: inline-block; }
#renovation .wrapper .container .bottom-Box .link-Box ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 2.4154589372vw; }
#renovation .wrapper .container .bottom-Box .link-Box ul li { width: 100%; }
#renovation .wrapper .container .bottom-Box .link-Box ul li:nth-child(n+4) { margin-top: 1.690821256vw; }
#renovation .wrapper .container .bottom-Box .link-Box ul li img { width: 100%; }
 }
/*# sourceMappingURL=page-reason.css.map */