#flow #tabs{display:flex;gap:3rem}@media screen and (max-width: 768px){#flow #tabs{gap:2rem}}#flow #tabs>li{display:grid;place-content:center;width:calc((100% - 3rem)/2);height:8rem;border-radius:3rem 3rem 0 0;color:#fff;font-size:3.4rem;font-weight:700;cursor:pointer}@media screen and (max-width: 768px){#flow #tabs>li{width:calc((100% - 2rem)/2);font-size:2rem;height:4.2rem;border-radius:1.5rem 1.5rem 0 0}}#flow #tabs>li *{pointer-events:none}#flow #tabs>li.kaitai{border:2px solid #548168;border-bottom:none;background:#fff;color:#548168}#flow #tabs>li.kaitai.on{background:#548168;color:#fff}#flow #tabs>li.gaikou{border:2px solid #3e5c87;border-bottom:none;background:#fff;color:#3e5c87}#flow #tabs>li.gaikou.on{background:#3e5c87;color:#fff}#flow #tab_contents_container .tab_contents{padding-block:9rem;display:none}@media screen and (max-width: 768px){#flow #tab_contents_container .tab_contents{padding-block:4rem}}#flow #tab_contents_container .tab_contents.on{display:block}#flow #tab_contents_container .tab_contents>.title{display:none}@media screen and (max-width: 768px){#flow #tab_contents_container .tab_contents>.title{display:block;font-size:2.7rem;font-weight:700;text-align:center;margin-bottom:2rem}}#flow #tab_contents_container .tab_contents .flow{position:relative}#flow #tab_contents_container .tab_contents .flow::after{content:"";display:block;width:.3rem;height:100%;background:url(../images/kaitai/flow_vline.webp) center center/100% auto repeat-y;position:absolute;top:0;left:8.8rem;z-index:1}#flow #tab_contents_container .tab_contents .flow>li{padding:1rem 5rem;background:#fff;border-radius:3rem;display:flex;align-items:center;position:relative;gap:6.5rem;min-height:10rem;z-index:2}@media screen and (max-width: 768px){#flow #tab_contents_container .tab_contents .flow>li{padding:1rem 1.25rem;min-height:6.5rem;gap:2rem;border-radius:1.5rem}}#flow #tab_contents_container .tab_contents .flow>li .step{width:8rem}@media screen and (max-width: 768px){#flow #tab_contents_container .tab_contents .flow>li .step{width:6rem}}#flow #tab_contents_container .tab_contents .flow>li .title{display:flex;align-items:center;min-height:8rem;font-size:2.8rem;font-weight:700}@media screen and (max-width: 768px){#flow #tab_contents_container .tab_contents .flow>li .title{min-height:6rem;font-size:2rem}}#flow #tab_contents_container .tab_contents .flow>li .icon{width:8rem;height:8rem;position:absolute;top:0;bottom:0;margin:auto;right:4.8rem}@media screen and (max-width: 768px){#flow #tab_contents_container .tab_contents .flow>li .icon{width:5.6rem;height:5rem;right:1.8rem}}#flow #tab_contents_container .tab_contents .flow>li+li{margin-top:3rem}@media screen and (max-width: 768px){#flow #tab_contents_container .tab_contents .flow>li+li{margin-top:2rem}}#flow #tab_contents_container #kaitai{border-top:1px solid #548168;background:#e6ece8}#flow #tab_contents_container #kaitai .title{color:#548168}#flow #tab_contents_container #kaitai .bln{display:none}@media screen and (max-width: 768px){#flow #tab_contents_container #kaitai .bln{display:block;font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem}}#flow #tab_contents_container #kaitai .self_estimate{width:97rem;display:flex;align-items:center;background:#548168;padding:1.3rem 1rem;border-radius:3rem;margin:0 auto}@media screen and (max-width: 768px){#flow #tab_contents_container #kaitai .self_estimate{width:33.5rem;flex-direction:column;position:relative;padding:1.3rem 2rem;border-radius:1.5rem}}#flow #tab_contents_container #kaitai .self_estimate img{width:9rem}@media screen and (max-width: 768px){#flow #tab_contents_container #kaitai .self_estimate img{width:5.25rem;position:absolute;left:.3rem;top:-1.5rem}}#flow #tab_contents_container #kaitai .self_estimate .txt{margin-left:1.4rem;font-size:2.4rem;font-weight:700;text-decoration:underline;text-decoration-style:dashed;color:#fff}@media screen and (max-width: 768px){#flow #tab_contents_container #kaitai .self_estimate .txt{font-size:1.6rem;text-align:center}}#flow #tab_contents_container #kaitai .self_estimate .btn{width:40rem;height:6.6rem;margin-left:3rem}@media screen and (max-width: 768px){#flow #tab_contents_container #kaitai .self_estimate .btn{width:100%;height:4rem;padding-inline:0;margin-inline:auto;margin-top:1rem}}#flow #tab_contents_container #kaitai .self_estimate .btn .icon{width:4.2rem;height:4.2rem;position:absolute;top:0;bottom:0;left:1.5rem;margin:auto;border-radius:0}@media screen and (max-width: 768px){#flow #tab_contents_container #kaitai .self_estimate .btn .icon{width:2.5rem;height:2.5rem;left:1.2rem;padding:0}}#flow #tab_contents_container #kaitai .self_estimate .btn::after{right:1.2rem}#flow #tab_contents_container #kaitai .flow{margin-top:10rem}@media screen and (max-width: 768px){#flow #tab_contents_container #kaitai .flow{margin-top:3.6rem}}#flow #tab_contents_container #kaitai .flow::after{background:url(../images/kaitai/flow_vline.webp) center center/100% auto repeat-y}#flow #tab_contents_container #kaitai .flow>li.choice{background:#548168;color:#fff;font-size:3rem;display:grid;place-content:center}@media screen and (max-width: 768px){#flow #tab_contents_container #kaitai .flow>li.choice{font-size:2rem}}#flow #tab_contents_container #kaitai .flow>li.step01{padding-bottom:5rem;align-items:flex-start}@media screen and (max-width: 768px){#flow #tab_contents_container #kaitai .flow>li.step01{padding-bottom:2.5rem}}#flow #tab_contents_container #kaitai .flow>li.step01 .icon{top:2.4rem;bottom:auto}#flow #tab_contents_container #kaitai .flow>li.step01 .contact>li+li{margin-top:1.5rem}@media screen and (max-width: 768px){#flow #tab_contents_container #kaitai .flow>li.step01 .contact>li+li{margin-top:1rem}}#flow #tab_contents_container #kaitai .flow>li.step01 .contact>li .btn{width:57rem;height:8rem;font-size:2rem;font-weight:700;border-radius:1.5rem;position:relative}@media screen and (max-width: 768px){#flow #tab_contents_container #kaitai .flow>li.step01 .contact>li .btn{width:100%;height:6.5rem;font-size:1.6rem;line-height:1.3}}#flow #tab_contents_container #kaitai .flow>li.step01 .contact>li .btn::before{content:"";display:block;position:absolute;top:0;bottom:0;left:3.5rem;margin:auto}@media screen and (max-width: 768px){#flow #tab_contents_container #kaitai .flow>li.step01 .contact>li .btn::before{left:1.2rem}}#flow #tab_contents_container #kaitai .flow>li.step01 .contact>li .btn::after{background:#ff7896;width:2rem;height:2rem}@media screen and (max-width: 768px){#flow #tab_contents_container #kaitai .flow>li.step01 .contact>li .btn::after{right:1.2rem;width:1.4rem;height:1.4rem}}#flow #tab_contents_container #kaitai .flow>li.step01 .contact>li.mail .btn::before{width:5rem;height:3.8rem;background:url(../images/common/icon_mail_green.webp) center center/contain no-repeat}@media screen and (max-width: 768px){#flow #tab_contents_container #kaitai .flow>li.step01 .contact>li.mail .btn::before{width:3.75rem;height:2.75rem}}#flow #tab_contents_container #kaitai .flow>li.step01 .contact>li.line .btn::before{width:5rem;height:5rem;background:url(../images/common/icon_line_fc.webp) center center/contain no-repeat}@media screen and (max-width: 768px){#flow #tab_contents_container #kaitai .flow>li.step01 .contact>li.line .btn::before{width:4rem;height:4rem}}#flow #tab_contents_container #gaikou{border-top:1px solid #3e5c87;background:#e2e7ed}#flow #tab_contents_container #gaikou .title{color:#3e5c87}#flow #tab_contents_container #gaikou .flow>li.step01 .icon{background:url(../images/flow/flow_icon01_db.webp) center center/7rem auto no-repeat;mask:none}#flow #tab_contents_container #gaikou .flow>li.step03 .icon{mask-size:5rem auto}