.howto_section{overflow-x:hidden;padding-top:100px}@media screen and (max-width: 749px){.howto_section{padding-top:50px}}.howto_section_tab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:17px;margin-top:100px}@media screen and (max-width: 749px){.howto_section_tab{gap:10px;margin-top:50px}}.howto_section_tab__item{width:280px;height:70px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:Avenir-Roman;font-weight:900;font-size:18px;letter-spacing:.04em;border-radius:100vh;cursor:pointer}@media (any-hover: hover){.howto_section_tab__item{-webkit-transition:opacity .2s;transition:opacity .2s}.howto_section_tab__item:hover{opacity:.8}}@media screen and (max-width: 749px){.howto_section_tab__item{width:calc(50% - 5px);height:50px;font-size:15px}}.howto_section_tab__item:not(.is-active){border:1px solid #b2b9c1}.howto_section_tab__item.is-active{border:1px solid #333333;background:#333;color:#fff}.howto_section_panel{margin-top:100px;padding-bottom:195px}@media screen and (max-width: 749px){.howto_section_panel{margin-top:50px;padding-bottom:100px}}.howto_section_panel__item:not(.is-show){display:none}.howto_section_panel__item.is-show{display:block}.howto_section_anchorlink{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:11px 7px}@media screen and (max-width: 749px){.howto_section_anchorlink{gap:8px}}.howto_section_anchorlink li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:12px 20px;font-size:14px;text-align:center;letter-spacing:.04em;border-radius:100vh;border:1px solid #b2b9c1;line-height:1.2;word-break:break-word;cursor:pointer;min-width:85px}@media (any-hover: hover){.howto_section_anchorlink li{-webkit-transition:opacity .2s;transition:opacity .2s}.howto_section_anchorlink li:hover{opacity:.8}}@media screen and (max-width: 749px){.howto_section_anchorlink li{padding:12px 18px;font-size:13px;min-width:76px}}.howto_section_anchorlink li.is-active02{border:1px solid #333333;background:#333;color:#fff}.howto_box_panel{margin-top:85px}@media screen and (max-width: 749px){.howto_box_panel{margin-top:39px}}.howto_box_panel .title_black28{margin-bottom:45px}@media screen and (max-width: 749px){.howto_box_panel .title_black28{margin-bottom:30px}}.howto_box_panel__item:not(.is-show02){display:none}.howto_box_panel__item.is-show02{display:block}.howto_box{position:relative;background:#fff;padding:100px 40px 60px;width:100%;color:#2b2b2b;display:grid;grid-template-areas:"area1 area3" "area2 area3" "area4 area3" "area5 area5";grid-template-columns:49% 50%;grid-template-rows:-webkit-max-content -webkit-max-content 1fr auto;grid-template-rows:max-content max-content 1fr auto;gap:0 1%;place-content:start}@media screen and (max-width: 1099px){.howto_box{display:block}}@media screen and (max-width: 749px){.howto_box{padding:60px 20px 30px}}.howto_box+.howto_box{margin-top:50px}@media screen and (max-width: 749px){.howto_box+.howto_box{margin-top:60px}}.howto_box_number{position:absolute;top:-20px;left:40px;width:clamp(65px,6.0606060606vw,80px);height:clamp(65px,6.0606060606vw,80px);background:#036;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:5px}@media screen and (max-width: 749px){.howto_box_number{top:-10px;left:20px;width:50px;height:50px;padding-top:0}}.howto_box_number__text01,.howto_box_number__text02{font-family:Avenir-Roman;font-weight:900}.howto_box_number__text01{font-size:clamp(12px,1.0606060606vw,14px);letter-spacing:.04em;line-height:1;text-align:center}@media screen and (max-width: 749px){.howto_box_number__text01{font-size:10px}}.howto_box_number__text02{font-size:clamp(24px,2.2727272727vw,30px);letter-spacing:.02em;line-height:1;text-align:center;margin-top:5px}@media screen and (max-width: 749px){.howto_box_number__text02{font-size:21px;margin-top:3px}}.howto_box__title{grid-area:area1;font-size:28px;font-family:var(--text-family);font-weight:700;letter-spacing:.06em;border-left:3px solid #003366;padding:3px 0 3px 24px;line-height:1.3}@media screen and (max-width: 749px){.howto_box__title{font-size:20px;padding:0 0 0 14px}}.howto_box__lead{font-size:20px;display:block;margin-bottom:5px}@media screen and (max-width: 749px){.howto_box__lead{font-size:14px;margin-bottom:0}}.howto_box__text{grid-area:area2;font-size:clamp(14px,1.2121212121vw,16px);line-height:1.75;letter-spacing:.06em;margin-top:30px}@media screen and (max-width: 749px){.howto_box__text{font-size:13px;line-height:1.7692307692;margin-top:23px}}.howto_box__text span{display:block;font-size:12px;margin-top:11px}.howto_box__image{position:relative;grid-area:area3}@media screen and (max-width: 1099px){.howto_box__image{width:60%;margin:33px auto 0}}@media screen and (max-width: 749px){.howto_box__image{width:100%;margin:15px auto 0}}.howto_box__image img{position:absolute;top:50%;translate:0 -50%;left:0;width:100%}@media screen and (max-width: 1099px){.howto_box__image img{position:static;top:auto;left:auto;translate:0 0}}.howto_box__list{grid-area:area4;margin-top:33px;border:1px solid #ccd0d6;border-radius:10px;padding:20px 28px 27px}@media screen and (max-width: 749px){.howto_box__list{margin-top:18px;padding:10px 20px 17px;border-radius:5px}}.howto_box__list__hidden{visibility:hidden}@media screen and (max-width: 1099px){.howto_box__list__hidden{display:none}}.howto_box__list dt{position:relative;font-size:20px;font-family:var(--text-family);font-weight:700;letter-spacing:.06em}@media screen and (max-width: 749px){.howto_box__list dt{font-size:16px}}.howto_box__list dt:before{content:"";display:inline-block;width:22px;height:22px;background:url(/cdn/shop/files/icon_point01.svg?v=1713495273) no-repeat center center/contain;margin-right:12px;translate:0 2px}@media screen and (max-width: 749px){.howto_box__list dt:before{width:15px;height:15px;margin-right:5px;translate:-2px 2px}}.howto_box__list dt.howto_box__title_attention:before{content:none}.howto_box__list dd{font-size:16px;letter-spacing:.06em;margin-top:11px}@media screen and (max-width: 749px){.howto_box__list dd{font-size:13px;margin-top:8px;line-height:1.7692307692}}.howto_box__line{padding-bottom:3px;border-bottom:2px solid #b7a843}.howto_box__noline{display:block}.howto_box__noline.link{margin-top:17px}.howto_box__noline.link a{text-decoration:underline}.howto_box__caption{display:block;font-size:12px;margin-top:11px}.howto_box_recommend{grid-area:area5;margin-top:75px;border-radius:10px;background:#036;padding:29px 30px}@media screen and (max-width: 749px){.howto_box_recommend{margin-top:20px;border-radius:5px;padding:20px}}.howto_box_recommend__title{color:#fff;font-size:20px;font-family:var(--text-family);font-weight:700;letter-spacing:.06em;line-height:1}@media screen and (max-width: 749px){.howto_box_recommend__title{font-size:16px}}.howto_box_recommend_wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:28px}@media screen and (max-width: 899px){.howto_box_recommend_wrap{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 749px){.howto_box_recommend_wrap{margin-top:20px;gap:10px}}.howto_box_recommend_item{background:#fff;border-radius:10px}@media screen and (max-width: 749px){.howto_box_recommend_item{border-radius:5px}}.howto_box_recommend_item a{position:relative;padding:20px 10px 10px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 749px){.howto_box_recommend_item a{padding:14px 10px 10px 0}}.howto_box_recommend_item a:before{content:"";position:absolute;bottom:30px;right:30px;width:13px;height:17px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.9799805 16.159668"><path fill="%23003366" d="M1.9000244,0L0,1.8999023l6.1800537,6.1799316L0,14.2597656l1.9000244,1.8999023,8.0799561-8.0800781L1.9000244,0Z" /></svg>') no-repeat center center/contain}@media screen and (max-width: 749px){.howto_box_recommend_item a:before{bottom:14px;right:14px;width:9px;height:13px}}.howto_box_recommend_item__image{width:130px;aspect-ratio:168/180}@media screen and (max-width: 749px){.howto_box_recommend_item__image{width:60px}}.howto_box_recommend_item__textarea{width:calc(100% - 90px);padding-left:14px}@media screen and (max-width: 749px){.howto_box_recommend_item__textarea{width:calc(100% - 60px);padding-left:5px}}.howto_box_recommend_item__lead{font-size:12px;line-height:1.75;letter-spacing:.06em}@media screen and (min-width: 900px){.howto_box_recommend_item__lead{font-size:min(.9090909091vw,12px)}}@media screen and (max-width: 749px){.howto_box_recommend_item__lead{font-size:10px}}.howto_box_recommend_item__lead span{font-weight:700}.howto_box_recommend_item__name{grid-area:area3;font-size:16px;line-height:1.75;margin-top:7px;padding-right:56px}@media screen and (min-width: 900px){.howto_box_recommend_item__name{font-size:min(1.2121212121vw,16px)}}@media screen and (max-width: 749px){.howto_box_recommend_item__name{font-size:12px;margin-top:3px;padding-right:21px}}.bg_womens{background:#92d0f2}.howto_box__title_womens{border-left:3px solid #92d0f2}
/*# sourceMappingURL=/cdn/shop/t/42/assets/howto_add.css.map */
