@charset "utf-8";
.point_wrap .box_wrap { border:1px solid #E5E5E5; padding:min(12vw,70px) min(3vw,40px); position:relative; }
.point_wrap .box_wrap .hl_1 { text-align:center; position:absolute; top:0; left:50%; transform:translate(-50%,-50%); }
.point_wrap .box_wrap .main { display:inline-block; background:#fff; font-family:'Bebas Neue', 'Noto Sans JP', serif; font-weight:normal; font-size:37px; letter-spacing:2px; }
.point_wrap .box_wrap .hl_2 { font-size:18px; text-align:center; margin-bottom:20px; }
.point_wrap .box_wrap .hl_3 { font-size:min(5vw,23px); line-height:2; margin-top:20px; }

.flow_wrap ul { display:flex; justify-content:center; flex-wrap:wrap; }
.flow_wrap ul li { position:relative; margin-bottom:20px; --li-gutter:min(1.5vw,20px); }
.flow_wrap ul li::before { display:none; }
.flow_wrap ul li:first-child::before { display:none; }
.flow_wrap ul li:not(:first-child) { padding-left:var(--li-gutter); }
.flow_wrap ul li:not(:last-child) { padding-right:var(--li-gutter); }
.flow_wrap ul li:not(:first-child)::before { content:''; border-left:calc(var(--li-gutter) * 2 / 3) solid #0B133B; border-top:var(--li-gutter) solid transparent; border-bottom:var(--li-gutter) solid transparent; display:block; position:absolute; top:50%; left:0; transform:translate(-50%,-50%); }
.flow_wrap ul li .unit { background:#2A2A2A; display:flex; align-items:center; height:100%; padding:20px calc(var(--li-gutter) * 4 / 3); }
.flow_wrap ul li .unit .text { width:1em; display:inline-block; color:#fff; font-weight:bold; font-size:min(3.5vw,18px); line-height:1.15; text-align:center; }
.flow_wrap ul li .unit .text .rotate { display:inline-block; transform:rotate(90deg); }

.purpose_hl .wcfront_hl { flex-direction:column; align-items:center; }
.purpose_hl .wcfront_hl .parts--title { font-size:min(16vw,70px); letter-spacing:5px; }
.purpose_hl .wcfront_hl .parts--sub-title { padding-left:0; font-family:'Noto Serif JP', serif; font-weight:normal; font-size:min(6vw,35px); }

#wcfront_parts-5-69 .custom_common_purpose { padding-left:0; padding-right:0; }
#wcfront_parts-5-88 .parts--button > .button._type2 > span { border-radius:0; font-family:'Noto Serif JP', serif; font-size:min(5vw,25px); min-width:min(80vw,350px); }
