:root{--bayline_gothic: "Open Sans", Arial, var(--diath_gothic)}body{color:#4d4d4d;margin:0;font-feature-settings:"palt";font-size:14px;font-family:var(--diath_gothic)}article{overflow:hidden}.hero-visual-wrapper{padding-bottom:3rem;padding-top:3rem;position:relative}.hero-visual-wrapper .hero-visual-container{display:flex;flex-direction:column;align-items:center;justify-content:center;left:50%;max-width:600px;padding:16px;position:absolute;top:48%;transform:translate(-50%, -50%);width:90%}.hero-visual-wrapper .hero-visual-container h1{display:flex;flex-direction:column;font-size:28px;gap:.5rem;line-height:.9em;text-align:center;margin-top:.83em;font-weight:bold;color:#fff}.hero-visual-wrapper .hero-visual-container h1 span{letter-spacing:.15em;margin-top:.5rem;display:inline-block}.hero-visual-wrapper .hero-visual-container h1 .jp{font-size:18px;font-weight:lighter;color:#fff}.hero-visual-wrapper .hero-visual-container p{font-size:15px;line-height:1.5;margin-top:1.3rem;letter-spacing:.1em;padding:.25rem .5rem;color:#fff}.hero-visual-wrapper .hero-visual-container p span{display:inline-block}.hero-visual-wrapper img{width:100%}section .section-header{margin:0 auto;display:flex;flex-direction:column}section .section-header h2{font-size:clamp(20px,5vw,35px);text-indent:.4em}section .section-header>*{margin:0 auto}.colantotte-brand-section{margin:0 auto;position:relative}.colantotte-brand-section .sub{color:#e4e4e4;font-size:min(22.5dvw,135px);font-weight:bold;letter-spacing:.05em;line-height:1;position:absolute;right:0;top:50%;translate:0 -50%;writing-mode:vertical-rl;z-index:-2}.colantotte-brand-section .section-header{align-items:center;display:flex;flex-direction:column;margin-inline:auto;max-width:min(895px,90dvw);padding-top:5rem;padding-bottom:10rem}.colantotte-brand-section .section-header img{width:150px}.colantotte-brand-section .section-header h2{color:#000;font-size:30px;letter-spacing:.12em;text-align:center;line-height:1.45;font-weight:bold;margin-top:3rem}.colantotte-brand-section p{font-size:17px;text-align:justify;line-height:1.7;letter-spacing:.05em;padding-top:2rem}.colantotte-explanation-section{position:relative}.colantotte-explanation-section::before{aspect-ratio:1/3;background:rgba(77,77,77,.8);clip-path:polygon(0 0, 0 100%, 100% 0);content:"";display:block;left:0;mix-blend-mode:normal;position:absolute;top:0;width:min(950px,150dvw);z-index:-1}.colantotte-explanation-section::after{background:none;content:"";inset:0;position:absolute;z-index:-3}.colantotte-explanation-section .sub{color:#bebebe;font-size:min(22.5dvw,135px);font-weight:bold;letter-spacing:.05em;line-height:1;padding-inline:.25em;position:absolute;writing-mode:vertical-lr;z-index:-2}.colantotte-explanation-section .image-wrapper{clip-path:polygon(19% 0, 100% 0, 100% 100%, 0 100%);display:block;position:absolute;right:0;top:100%;translate:0 -90%;width:min(950px,90dvw);z-index:-2}.colantotte-explanation-section .content-wrapper{--padding_block: 11rem;margin-inline:auto;padding-block:var(--padding_block);width:min(895px,90dvw)}.colantotte-explanation-section .content-wrapper .content{color:#fff;position:relative;text-shadow:1px 1px 0 rgba(0,0,0,.25);width:min(350px,100%)}.colantotte-explanation-section .content-wrapper .content::before{--margin: 3rem;background:#fff;content:"";height:calc(var(--padding_block) - var(--margin));left:50%;position:absolute;top:calc(-1*var(--margin));translate:-50% -100%;width:2px}.colantotte-explanation-section .content-wrapper .content h2{display:flex;flex-wrap:wrap;font-size:36px;font-weight:bold;justify-content:center;word-break:keep-all}.colantotte-explanation-section .content-wrapper .content p{line-height:1.8;margin-top:2rem;text-align:justify}.colantotte-point-section{padding-top:10rem;padding-bottom:12rem;position:relative}.colantotte-point-section::before{background:#333;content:"";inset:0;position:absolute;z-index:-3}.colantotte-point-section .section-header{display:flex;flex-direction:column;align-items:center;max-width:mini(895px, 90dvw)}.colantotte-point-section .section-header h1{display:flex;font-size:60px;line-height:.9em;text-align:center;margin-top:2rem;font-weight:bold;color:#fff;letter-spacing:.1em}.colantotte-point-section .section-header h1 span{font-size:45px}.colantotte-point-section .section-header h2{font-size:38px;color:#fff;font-weight:bold}.colantotte-point-section .section-header h2 span{border:1px solid #fff;padding:.5rem .6rem .5rem}.colantotte-point-section .section-header p{font-size:28px;line-height:1.5;margin-top:1rem;letter-spacing:.1em;padding:.25rem .5rem;color:#8b8b8b;font-weight:bold}.colantotte-point-section .pointlist{max-width:min(895px,90dvw);margin:7rem auto}.colantotte-point-section .pointlist .point{display:flex;gap:0 3rem}.colantotte-point-section .pointlist .point:not(:first-child){margin-top:7rem}.colantotte-point-section .pointlist .point:nth-child(2n-1) .right{order:-1}.colantotte-point-section .pointlist .point:nth-child(2n-1) .right .content .catchcopy{--translate_h: 4cqw;left:0;right:unset}.colantotte-point-section .pointlist .point:nth-child(2n-1) .left{align-items:flex-end}.colantotte-point-section .pointlist .point:nth-child(2n-1) .left h2 .number .line{order:-1}.colantotte-point-section .pointlist .point>*{flex:0 0 calc(50% - 1.5rem)}.colantotte-point-section .pointlist .point .left{display:flex;flex-direction:column}.colantotte-point-section .pointlist .point .left h2,.colantotte-point-section .pointlist .point .left p{max-width:388px;color:#fff}.colantotte-point-section .pointlist .point .left h2{display:flex;flex-direction:column;font-size:38px;line-height:1.45;letter-spacing:.08em;font-weight:bold}.colantotte-point-section .pointlist .point .left h2 span{display:inline-block}.colantotte-point-section .pointlist .point .left h2 .number{gap:1.5rem;display:flex;font-size:80px;letter-spacing:0em;font-family:Arial,Helvetica,sans-serif}.colantotte-point-section .pointlist .point .left h2 .number .line{flex-grow:1;border-bottom:4px solid;align-self:center}.colantotte-point-section .pointlist .point .left p{font-size:17px;text-align:justify;line-height:1.7;letter-spacing:.05em;padding-top:2rem}.colantotte-point-section .pointlist .point .right{display:flex}.colantotte-point-section .pointlist .point .right .content{container-type:inline-size;display:block;font-size:16px;margin-inline:auto;max-width:80dvw;position:relative;width:100%}.colantotte-point-section .pointlist .point .right .content::after{--offset_v: -2.5cqh;--offset_h: -4cqw;border:4px solid #d8d8d8;content:"";height:100%;left:50%;position:absolute;top:50%;translate:calc(-50% + var(--offset_h)) calc(-50% + var(--offset_v));width:100%}.colantotte-point-section .pointlist .point .right .content .catchcopy{--translate_v: -2.5cqh;--translate_h: -8cqw;background:#000;color:#fff;display:block;font-feature-settings:initial;font-size:clamp(1.313em,.04em + 6.36cqw,1.75em);font-weight:bold;letter-spacing:.15em;padding:2.5cqh .5rem;position:absolute;right:0;top:0;translate:var(--translate_h) var(--translate_v);writing-mode:vertical-rl}.colantotte-point-section .pointlist .point .right img{width:100%}.colantotte-items-section{padding:1rem;padding-bottom:8rem;position:relative}.colantotte-items-section::before{background:#d8d8d8;content:"";inset:0;mix-blend-mode:screen;position:absolute;z-index:-1}.colantotte-items-section::after{aspect-ratio:1/3;background:#e4e4e4;clip-path:polygon(100% 0, 100% 100%, 0 100%);content:"";height:100%;width:auto;position:absolute;top:0;right:0;z-index:-1}.colantotte-items-section .section-header{margin:10rem auto 4rem;display:flex;flex-direction:column;background-position:center}.colantotte-items-section .section-header h2{color:#4d4d4d;display:flex;flex-direction:column;font-size:70px;font-weight:bolder;letter-spacing:.1em;position:relative;text-align:center;z-index:0}.colantotte-items-section .section-header h2::before{bottom:0;color:var(--diath_light_gray);content:attr(data-sub);font-size:2em;left:50%;position:absolute;translate:-50% 0;z-index:-1}.colantotte-items-section .section-header .sub-title{font-size:20px;font-weight:bold;letter-spacing:.15em}.colantotte-items-section .section-header .sub-title::before,.colantotte-items-section .section-header .sub-title::after{content:"/";margin-inline:1rem}.colantotte-items-section .section-content{display:grid;margin-inline:auto;max-width:min(895px,90dvw)}.colantotte-items-section .annotation{font-size:13px;margin-block:2rem;margin-inline:auto 0;padding-left:1.5em;position:relative}.colantotte-items-section .annotation::before{content:"※";left:0;position:absolute}.colantotte-items-section .items-list .items{background:#fff;margin-bottom:3rem;display:flex}.colantotte-items-section .items-list .items .left{flex:0 0 38%}.colantotte-items-section .items-list .items .left img{width:100%}.colantotte-items-section .items-list .items .right{display:flex;flex-direction:column;padding:2.7rem;flex-grow:1}.colantotte-items-section .items-list .items .right h2{font-size:20px;font-weight:bold;letter-spacing:.15em}.colantotte-items-section .items-list .items .right h2 span{display:inline-block}.colantotte-items-section .items-list .items .right .caption{display:flex;flex-direction:column;flex-grow:1;gap:.2rem}.colantotte-items-section .items-list .items .right .caption .items-title{font-size:17px;line-height:1.7;letter-spacing:.05em;padding-top:1rem}.colantotte-items-section .items-list .items .right .caption .price{font-size:30px;margin-top:-0.5rem;letter-spacing:.1rem;font-weight:bolder;margin-bottom:1rem}.colantotte-items-section .items-list .items .right .caption .price span{font-size:17px;font-weight:lighter}.colantotte-items-section .items-list .items .right .box{background-color:#e4e4e4;padding:10px}.colantotte-items-section .items-list .items .right .box p{margin:.8rem;padding:0;font-size:15px;line-height:1.7;letter-spacing:.05em;text-align:justify}.colantotte-items-section .colntotte-items-listitem{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit, minmax(170px, 1fr))}.colantotte-items-section .colntotte-items-listitem li{display:flex;flex-direction:column;background:#fff}.colantotte-items-section .colntotte-items-listitem .caption{display:flex;flex-direction:column;display:flex;flex-direction:column;flex-grow:1;gap:1.5rem;padding:1rem 1rem .2rem}.colantotte-items-section .colntotte-items-listitem .caption .bayline-items-title{letter-spacing:.03rem;flex-grow:1;font-size:14px;line-height:1.6}.colantotte-items-section .colntotte-items-listitem .caption .price{font-size:23px;margin-top:-0.5rem;letter-spacing:.06rem;font-weight:bolder}.colantotte-items-section .colntotte-items-listitem .caption .price span{font-size:14px;font-weight:lighter}.colantotte-items-section .colntotte-items-listitem .line{border-bottom:1px solid #000;width:85%;margin:0 auto}.colantotte-items-section .frequency{align-items:flex-start;display:flex;flex-wrap:wrap;padding:.7rem 1rem 1rem;font-size:14px;gap:.25rem}.colantotte-items-section .frequency li{border:1px solid #888;line-height:1;padding:.2rem .5rem .2rem}.colantotte-items-section .contact-wrapper,.colantotte-items-section .contact-list{align-items:center;display:flex;gap:1rem;justify-content:flex-end}.colantotte-items-section .contact-wrapper{padding:1rem 0 0;z-index:3}.colantotte-items-section .contact-wrapper>span{font-size:13px}.colantotte-items-section .contact-list{font-size:20px}.colantotte-items-section .contact-list a{color:hsl(216,37%,20%)}.colantotte-items-section .contact-list a:hover{text-decoration:none}@media(max-width: 600px){.hero-visual-wrapper{padding-bottom:1rem}.hero-visual-wrapper .hero-visual-container{top:51%}.hero-visual-wrapper .hero-visual-container h1{gap:.6rem;font-size:25px}.hero-visual-wrapper .hero-visual-container h1 span{letter-spacing:.12em}.hero-visual-wrapper .hero-visual-container h1 .jp{font-size:16px;letter-spacing:.07rem}.hero-visual-wrapper .hero-visual-container p{font-size:14px;text-align:center;margin-top:1rem;letter-spacing:.05rem}section{margin-bottom:0}.colantotte-brand-section .section-header{padding-top:4rem}.colantotte-brand-section .section-header img{width:105px}.colantotte-brand-section .section-header h2{max-width:280px;font-size:18px;margin-top:2rem;line-height:1.55}.colantotte-brand-section p{font-size:14px;padding:1.6rem 1.2rem 0}.colantotte-explanation-section::after{background:#4d4d4d}.colantotte-explanation-section .image-wrapper{translate:0 -50%;z-index:-1}.colantotte-explanation-section .image-wrapper::after{display:none}.colantotte-explanation-section .content-wrapper{padding-bottom:14rem}.colantotte-explanation-section .content-wrapper .content{margin-inline:auto}.colantotte-point-section{padding-top:clamp(150px,40dvw,250px);padding-bottom:12rem}.colantotte-point-section .section-header h1{font-size:31.5px;margin-top:1.5rem}.colantotte-point-section .section-header h1 span{font-size:23px}.colantotte-point-section .section-header h2{font-size:20px}.colantotte-point-section .section-header h2 span{padding:.3rem .4rem .3rem}.colantotte-point-section .section-header p{font-size:16px;margin-top:.5rem}.colantotte-point-section .pointlist{margin-top:2rem}.colantotte-point-section .pointlist .point{display:flex;flex-direction:column;margin-bottom:5rem}.colantotte-point-section .pointlist .point:nth-child(2n-1) .right{order:2}.colantotte-point-section .pointlist .point:nth-child(2n-1) .left{align-items:flex-start}.colantotte-point-section .pointlist .point:nth-child(2n-1) .left h2 .number .line{order:2}.colantotte-point-section .pointlist .point .left{padding:1.2rem}.colantotte-point-section .pointlist .point .left h2{font-size:25px}.colantotte-point-section .pointlist .point .left h2 .number{font-size:49px}.colantotte-point-section .pointlist .point .left p{font-size:14px;padding-top:1.2rem}.colantotte-point-section .pointlist .point .right{margin-top:10%}.colantotte-point-section .pointlist .point .right .content::after{--offset_v: -2cqh}.colantotte-point-section .pointlist .point .right .content .catchcopy{--translate_v: -2cqh}.colantotte-items-section .section-header h2{font-size:38px}.colantotte-items-section .section-header p{font-size:14px}.colantotte-items-section .items-list .items{display:flex;flex-direction:column;margin-bottom:2rem}.colantotte-items-section .items-list .items .right{padding:1.4rem;margin-top:.5rem}.colantotte-items-section .items-list .items .right .box p{font-size:14px}}