@import"https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";.right{text-align:left}*{margin:0;padding:0;box-sizing:border-box}.l_main{display:grid}p{line-height:24px;line-break:5%;font-size:14px}h3{font-size:16px}h2{font-weight:500}.container{max-width:1200px;width:100%;display:flex;flex-direction:column;gap:40px;justify-self:center;margin:0 auto}.container .for_margin{margin-top:50px}.container>.illumination{width:100%;background-size:contain;background-repeat:no-repeat}.container>.illumination>img{width:100%}.code_service{display:flex;flex-direction:column;gap:40px}.code_service>.service_content{display:flex;flex-direction:column;gap:28px}.subtitle{border-bottom:1px black solid;padding:1.6% 0%;font-weight:400}.subtitle>h3{font-size:18px;line-break:4%;font-weight:400}.code_service>.link_btns{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:9px}.link_btns>a{display:grid;grid-template-columns:auto 1fr;align-items:center;width:100%;height:100%;border:1px black solid;background-color:#fff;padding:15px;cursor:pointer}.link_btns>a:last-child p{font-size:12px}.link_btns>a img{width:25px;height:25px;justify-self:start}.link_btns>a>p{justify-self:center;font-size:14px;font-weight:400;text-align:center}.link_btns>a>.for_sp_txt{display:none;font-size:20px;font-weight:400;text-align:center;font-family:Zen Kaku Gothic New,sans-serif}.code_service>a[href="#guide"]{border-bottom:1px solid #000;width:fit-content;font-size:18px;font-weight:400;padding-bottom:10px;cursor:pointer}.types{display:flex;flex-direction:column;gap:30px}.types>.title{width:100%;display:flex;flex-direction:row;gap:25px;background-color:#f5f5f5;padding:15px 5%}.types>.title>h2{font-weight:400;font-size:24px}.types>.comparison{display:flex;flex-direction:column;gap:30px;padding:0% 5%}.container>.code-example{display:flex;flex-direction:column;gap:30px}.code-example>.code_title{width:100%;display:flex;flex-direction:row;gap:25px;background-color:#f5f5f5;padding:15px 5%}.code-example>.code_title>h3{font-weight:400}.code_title p{scroll-margin-top:260px}.code-example>ul{display:flex;flex-direction:column;gap:50px;padding:0% 5%}.code-example>ul>li{display:flex;flex-direction:column;gap:50px}.code-example>ul>li>.li_container{display:flex;flex-direction:row;gap:50px;width:auto;height:auto}.code-example>ul>li>.li_container:last-child{margin:0 0 100px}.li_container>.left{max-width:400px;width:100%;height:100%}.li_container>.left>img{max-width:400px;width:100%;max-height:360px;height:100%}.li_container>.right{width:100%;display:flex;flex-direction:column;gap:50px;align-self:start;flex-wrap:wrap;gap:20px}.right>.right_subtitle{border-bottom:1px black solid;padding:.5% 2%}.right>.right_subtitle h3{padding-bottom:10px}.right>.right_up>.right_text{display:flex;flex-direction:column;gap:20px;padding:0%}.right_text>p>span{font-size:12px}.rec_container{display:flex;flex-direction:column;width:100%;gap:40px}.rec_container>.rec_subtitle{border-bottom:1px black solid;padding-bottom:20px}.rec_container>.card_container{display:flex;flex-direction:row;gap:27px;margin:0 auto}.card_container>.rec_card{display:flex;flex-direction:column;max-width:280px;width:100%;max-height:418px;height:100%}.rec_card>.card_top{max-width:280px;max-height:280px;width:100%;height:100%}.rec_card>.card_bottom{display:flex;flex-direction:column;gap:10px;padding:10px}.card_bottom>.card_title{line-height:26px}.show_more_btn{display:none}.text_content{max-height:none}.text_content:after{display:none}@media (max-width: 960px){.container{width:100%;display:flex;flex-direction:column;gap:30px;justify-self:center}.container .for_margin{margin-top:80px;padding:0 5%}.code_service{padding:0 5%}.code_service h2{font-size:20px}.code_service>.link_btns{display:block}.link_btns>a{grid-template-columns:auto auto 1fr;margin-bottom:22px}.link_btns>a>.for_sp_txt{display:flex;width:fit-content;padding-right:20px}.link_btns>a .for_pc_txt{display:none}.contact>.contact_box{display:grid;width:100%}.rec_container>.card_container{display:grid;flex-direction:column;gap:27px;margin:0 auto}.types>.title>h2{font-weight:400;font-size:18px}.code_service>a[href="#guide"]{margin-top:10px}.service_txt{position:relative;width:100%}.text_content{overflow:hidden;position:relative;text-overflow:ellipsis}.show_more_btn img.plus_icon{width:18px;height:18px;cursor:pointer;display:block;margin:10px auto;transition:opacity .3s ease-in-out}.show_more_btn{display:block}.service_txt.expanded .plus_icon{opacity:0}.service_txt.expanded .text_content{max-height:none}.service_txt.expanded .text_content:after{display:none}.code_service>a[href="#guide"]{border-bottom:1px solid #000;font-size:18px;font-weight:400;padding-bottom:10px;cursor:pointer;width:100%}}@media screen and (max-width: 768px){.container>.illumination>img{width:100%;height:150px;object-fit:cover;object-position:left}h2{font-size:18px}.container>.illumination>img{height:auto}.container{width:100%;display:flex;flex-direction:column;gap:30px;justify-self:center}.rec_container>.card_container{display:grid;gap:27px;justify-content:center}.code-example>ul>li>.li_container{display:flex;flex-direction:column;gap:50px;width:auto;height:auto}.code-example>ul>li>.li_container:last-child{margin:0 0 50px}.right>.right_subtitle{border-bottom:1px black solid;padding:.5% 0}}@media screen and (max-width: 520px){h2{font-size:16px}.container{width:100%;display:flex;flex-direction:column;gap:50px;justify-self:center}.types>.title>h2{font-weight:400;font-size:16px}.rec_container>.card_container{display:grid;gap:27px;justify-content:center}.code-example>ul>li>.li_container{display:flex;flex-direction:column;gap:50px;width:auto;height:auto}}@media screen and (min-width: 768px){.p_category_mvDesc_icon{display:none!important}}.p_category_mvDesc_icon{display:none;text-align:center;cursor:pointer;position:absolute;bottom:0;left:0;width:100%;padding:30px 0 5px;background:linear-gradient(#ffffff4d 20%,#fff 80%)}.p_category_mvDesc_icon img{margin:0 auto}.p_category_mvDesc_icon .off{display:block}.p_category_mvDesc_icon .on,.p_category_mvDesc_icon.is-hidden .off{display:none}.p_category_mvDesc_icon.is-hidden .on{display:block}@media screen and (max-width: 768px){.p_category_mvDesc{position:relative;overflow:hidden;height:60px}.p_category_mvDesc.is-active{height:auto;padding-bottom:50px}.p_category_mvDesc_icon{display:block}.p_category_mvTxt{position:relative;overflow:hidden;height:60px}.p_category_mvTxt.is-active{height:auto}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/cord_process.css.map */