/*! ======================================================================== =========================================================================== home.css --------------------------- Last Modified: 2026/04/21 18:26:50 =========================================================================== ======================================================================== */ :root{--breakPoint-mobile:43.75rem;--color-background:#eff3f9;--color-surface:#e5e5e5;--color-text-main:#333;--color-text-sub:#666;--color-primary:#03c;--color-secondary:#590;--color-accent:#90b1d3;--color-success:#65b37b;--color-warning:#d32f2f;--color-error:#d9543f;--color-selected-bg:#b3d4fc;--color-selected-text:#2a211b;--color-link-text:#00d2f1;--color-visited-text:#3f0082;--color-active-text:#00b796;--color-button-bg:#03c;--color-button-text:#fff;--color-button-bg-hover:#0d49ff;--color-button-text-hover:#fff;--color-cta-bg:#fc0;--color-cta-text:#000;--color-cta-bg-hover:#ffd940;--color-cta-text-hover:#000}.contentsBlock{text-align:center}.p_section{padding-top:100px}@media (max-width:43.75rem){.p_section{padding-top:50px}}.p_section .c_heading+.c_lead{margin-top:-1em}@media (max-width:43.75rem){.p_section .c_heading+.c_lead{margin-top:-.5em}}.p_sectionTitle img{display:inline-block}.p_sectionTitle+.c_heading{margin-top:10px}.p_arrow{text-align:center;margin:40px 0}.p_arrow img{display:inline-block}.p_cvBtnBox{justify-content:center;align-items:center;gap:10px 20px;display:flex}@media (max-width:43.75rem){.p_cvBtnBox{flex-direction:column;gap:10px}}.p_cvBtnBox ._btn{width:-webkit-fit-content;width:fit-content}@media (max-width:43.75rem){.p_cvBtnBox ._btn{width:100%}}.p_cvBtnBox ._btn a{letter-spacing:.2em;color:#fff;background:#90b1d3;justify-content:center;align-items:center;width:200px;height:60px;font-size:1.375rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:flex;position:relative}@media (max-width:43.75rem){.p_cvBtnBox ._btn a{width:100%;height:60px;font-size:1.125rem}}.p_cvBtnBox ._btn a:after{content:"";border:10px solid #0000;border-left-color:#fff;width:0;height:0;transition:background .2s,color .2s;position:absolute;bottom:0;right:0;rotate:45deg}@media (any-hover:hover){.p_cvBtnBox ._btn a:hover{background:#6b97c5}}.p_cvBtnBox ._btn.-request a{background:#84a1c0}@media (any-hover:hover){.p_cvBtnBox ._btn.-request a:hover{background:#6287af}}.p_cvBtnBox ._btn.-reserve a{background:#7b94b2}@media (any-hover:hover){.p_cvBtnBox ._btn.-reserve a:hover{background:#5c7a9e}}.p_illust{position:absolute}@media (min-width:43.8125rem){.p_illust{text-align:left;min-width:1200px;max-width:100%;left:50%;transform:translate(-50%)}}.p_illust img{display:inline-block}@media (min-width:43.8125rem){.p_illust.-right{text-align:right}}.mainVisualBlock .mainVisual{position:relative}.mainVisualBlock .mainVisual ._image{position:relative;overflow:hidden}.mainVisualBlock .mainVisual ._image img{opacity:0;width:100%;height:auto;animation:2s ease-in-out forwards anim_mvImage}@keyframes anim_mvImage{0%{opacity:0;scale:1.05}to{opacity:1;scale:1}}@media (max-width:43.75rem){.mainVisualBlock .mainVisual ._image img{width:200%;max-width:none;margin-bottom:-40px;margin-left:-100%}}@media (min-width:43.8125rem){.mainVisualBlock .mainVisual ._copy{width:1000px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (max-width:43.75rem){.mainVisualBlock .mainVisual ._copy{text-align:center;background:#fff;padding:30px 40px;overflow:hidden}}.mainVisualBlock .mainVisual ._copy img{opacity:0;animation:2s ease-in-out .2s forwards aninm_mvCopy;display:inline-block}@keyframes aninm_mvCopy{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0}}.mainVisualBlock .mainVisual ._caption{color:#fff;font-size:.6875rem;position:absolute;bottom:.5em;right:1em}.section.-intro{padding-top:40px;position:relative}.section.-intro .p_illust.-n1{bottom:0}@media (max-width:43.75rem){.section.-intro .p_illust.-n1{bottom:-30px;left:-10px}.section.-intro .p_illust.-n1 img{width:140px}}.section.-intro .points{text-align:center}.section.-intro .points img{display:inline-block}.section.-intro .projectList{justify-content:center;align-items:center;gap:16px 32px;display:flex}@media (max-width:43.75rem){.section.-intro .projectList{flex-direction:column}}.section.-intro .projectList li{text-align:center;color:#90b1d3;border-top:3px double;border-bottom:3px double;justify-content:center;align-items:center;height:72px;padding:0 1em;font-family:YakuHanJP_Noto,Noto Sans JP,游ゴシック体,Yu Gothic,YuGothic,ヒラギノ角ゴシック Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.4;display:flex}@media (max-width:43.75rem){.section.-intro .projectList li{width:240px;font-size:1.125rem}}.section.-present{background:#90b1d3;padding:60px 0 30px;position:relative}.section.-present img{display:inline-block}.section.-present .p_illust.-n2{top:-40px;right:5%}@media (max-width:43.75rem){.section.-present .p_illust.-n2{top:-30px;right:0}.section.-present .p_illust.-n2 img{width:100px}}.section.-present .presentTitle img{display:inline-block}@media (max-width:43.75rem){.section.-present .presentTitle img{width:200px}}.section.-present .presentCopy,.section.-present .presentPeriod,.section.-present .c_lead,.section.-present .presentImage{margin-top:20px;margin-bottom:20px}.section.-why{position:relative}@media (max-width:43.75rem){.section.-why{padding-top:100px}}.section.-why .p_illust.-n3{top:-100px}@media (max-width:43.75rem){.section.-why .p_illust.-n3{top:-40px;left:-10px}.section.-why .p_illust.-n3 img{width:100px}}@media (min-width:43.8125rem){.section.-why .p_illust.-n4{top:260px}.section.-why .p_illust.-n4 img{translate:25%}}@media (max-width:43.75rem){.section.-why .p_illust.-n4{bottom:0;right:0}.section.-why .p_illust.-n4 img{width:130px}.section.-why .p_sectionTitle img{width:280px}}.section.-why .points{justify-content:center;align-items:flex-start;gap:24px 48px;margin-top:40px;display:flex}@media (max-width:43.75rem){.section.-why .points{flex-direction:column;align-items:center}}@media (min-width:43.8125rem){.section.-why .points .point{width:233px}}@media (max-width:43.75rem){.section.-why .points .point{width:240px}}.section.-why .points .point ._heading{color:#90b1d3;border-top:1px solid;padding:.2em 0;font-size:1.25rem}@media (max-width:43.75rem){.section.-why .points .point ._heading{font-size:1.125rem}}.section.-why .points .point ._image{margin-bottom:20px}.section.-why .points .point ._image img{width:100%}.section.-why .points .point .c_text{text-align:justify}.section.-fits{padding-top:0;position:relative}@media (max-width:43.75rem){.section.-fits{padding-bottom:100px}}@media (min-width:43.8125rem){.section.-fits .p_illust.-n5{top:-50px}}@media (max-width:43.75rem){.section.-fits .p_illust.-n5{bottom:20px;left:0}.section.-fits .p_illust.-n5 img{width:130px}}.section.-fits .border{margin:60px 0}@media (max-width:43.75rem){.section.-fits .border{margin:30px 0}}.section.-fits .border img{display:inline-block}.section.-fits .planList{flex-direction:column;display:flex}.section.-fits .plan{padding-bottom:80px}@media (max-width:43.75rem){.section.-fits .plan{padding-bottom:40px}}.section.-fits .plan img{display:inline-block}.section.-fits .plan:not(:last-child):after{content:"";margin-left:auto;margin-right:auto;background:#000;width:800px;max-width:100%;height:1px;margin-top:80px;display:block}@media (max-width:43.75rem){.section.-fits .plan:not(:last-child):after{margin-top:40px}}.section.-builds{padding-top:0}.section.-builds img,.section.-area img{display:inline-block}.section.-projects{padding-top:0}.section.-projects .projectList{flex-direction:column;display:flex}.section.-projects .projectList .project{padding-bottom:80px}@media (max-width:43.75rem){.section.-projects .projectList .project{padding-bottom:40px}}.section.-projects .projectList .project img{display:inline-block}.section.-projects .projectList .project ._contents{margin-bottom:40px}@media (max-width:43.75rem){.section.-projects .projectList .project ._contents{margin-bottom:30px}}.section.-projects .projectList .project:not(:last-child):after{content:"";margin-left:auto;margin-right:auto;background:#000;width:800px;max-width:100%;height:1px;margin-top:80px;display:block}