@charset "UTF-8";body{font-family:Helvetica,Verdana,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,游ゴシック,Yu Gothic,YuGothic,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif;-webkit-text-size-adjust:100%}article{position:relative}img{display:block;width:100%}a{color:inherit;text-decoration:none;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}a:hover{opacity:.7}.object-fit{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:"object-fit: cover"}.anchor-box>a{display:block}iframe[src*="player.vimeo.com/video"],iframe[src*="youtube.com/embed"]{border:none}[data-whatinput=mouse] :focus,[data-whatinput=touch] :focus{outline:none}.modal-enter-active,.modal-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.modal-enter,.modal-leave-to{opacity:0}.forPC{display:none}.forSP{display:block}@media screen and (min-width:1024px){.forPC{display:block}.forSP{display:none}}html{font-size:2.66667vw}body{font-family:Helvetica,Arial,Noto Sans JP,sans-serif}.text{font-size:1.4rem;line-height:1.35714}.text-ja{font-family:Noto Sans JP,sans-serif;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}.btn,.text-bold{font-weight:700}.btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:7rem;border:1px solid #707070;font-size:1.6rem}.btn-black{color:#fff;background:#000}.btn-white{color:#000;background:#fff}.logo.tnf{margin-top:2rem;margin-left:2rem;width:26.66667%}.logo.ofo-customs{margin:5rem auto 0;width:50.66667%}.logo a{display:block}.order-flow{margin-top:4rem;padding:0 2rem}.title{width:21rem;margin:4rem auto 0;font-size:3rem;font-weight:700;line-height:1.2;text-align:center;letter-spacing:.06em}.title-text{margin:4.5rem auto 0;text-align:center}.flow-container{list-style-type:none;counter-reset:number 0}.flow-container .flow{margin-top:7rem;text-align:center}.flow-container .flow:before{display:inline-block;counter-increment:number 1;content:counter(number,decimal-leading-zero);font-size:3.1rem;font-weight:700;padding:4rem;border:1px solid #d5d5d5;border-radius:50%}.flow-container .flow:not(:last-child):after{content:"";display:inline-block;margin-top:8rem;width:1.8rem;height:1.8rem;border-bottom:.5rem solid #cecece;border-right:.5rem solid #cecece;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.flow-container .flow-title{margin-top:3rem;font-size:1.8rem;font-weight:700}.flow-container .flow-content{margin-top:3rem;text-align:justify}.flow-container .flow-notice{margin-top:2rem;font-size:1.2rem;text-align:justify}.image-box{position:relative;width:66.66667%;margin:3rem auto 0;border:1px solid #e3e3e3;cursor:pointer;-webkit-transition:opacity .5s;transition:opacity .5s}.image-box:hover{opacity:.7}.image-box .image{padding:1rem}.image-box .zoom{position:absolute;bottom:1rem;right:1rem}.buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 2rem}.buttons .button{margin-top:3.5rem}.faq{padding:6rem 2rem 0}.faq-list{list-style-type:none}.list{position:relative;padding:5rem 0;border-bottom:1px solid #707070}.list.open .toggle{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.list.open .answer{display:block}.list .toggle{position:absolute;top:5rem;right:0;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.list .question{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;width:90%;font-size:1.6rem;font-weight:700;cursor:pointer}.list .question:before{content:"Q";margin-right:1em;font-family:Helvetica,serif}.list .answer{display:none;margin-top:3.5rem;font-size:1.4rem;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";text-align:justify}.list .answer-notice{margin-top:2rem;font-size:1.2rem;line-height:1.66667}.list .answer .point-title{margin-top:10rem;text-align:center}.point-flow-container{list-style-type:none}.point-flow-container,.point-flow-container .point-flow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.point-flow-container .point-flow{width:16rem;margin-top:2.5rem}.point-flow-container .point-flow:not(:last-child):after{content:"";width:0;margin-top:5rem;display:inline-block;border-color:#5f5f5f transparent transparent;border-style:solid;border-width:1.2rem .8rem 0}.point-flow-container .image{width:94.375%}.point-flow-container .caption{margin-top:1.5rem;font-size:1.2rem;text-align:center}.contact-us{padding-top:9rem}.contact-us .logo.tnf{margin:5rem auto 0;width:34.66667%}.contact-us .buttons{padding-top:1.5rem}.contact-us .btn .icon{margin-right:1.5rem}.contact-us .btn .text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:1.6rem}.contact-us .btn .text-en{font-family:Helvetica,sans-serif;font-size:1.8rem}.contact-us .btn .text-ja{font-family:Noto Sans JP,sans-serif;font-size:1.2rem;font-weight:400}.contact-title{font-size:1.2rem;text-align:center;font-weight:400}footer{padding-top:8rem}footer .links{list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer .link:not(:first-child){margin-top:2.5rem}footer .link a{font-size:1.2rem}footer .copyright{margin-top:9rem;margin-bottom:2.5rem;font-size:1.2rem;text-align:center}.full-screen{position:fixed;width:100%;height:100vh;top:0;left:0;background:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.full-screen .image{width:90%}@media screen and (min-width:768px){html{font-size:1.30208vw}}@media screen and (min-width:1024px){html{font-size:.76923vw}.logo.tnf{width:7.69231%}.logo.ofo-customs{margin:3rem auto 0;width:14.61538%}.order-flow{padding:0}.order-flow-simple{margin-top:10rem;padding-top:4rem;background:#f2f2f2}.order-flow-simple .flow-title{font-size:1.6rem;font-weight:700;text-align:center;letter-spacing:.1em}.simple-flow-container{margin-top:4.5rem;padding-bottom:4.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;list-style-type:none;counter-reset:number 0}.simple-flow-container .flow{display:-ms-grid;display:grid;-ms-grid-columns:6rem 3.8rem;grid-template-columns:6rem 3.8rem;-ms-grid-rows:6rem 1fr;grid-template-rows:6rem 1fr;margin:0 1.5rem;-webkit-transition:opacity .5s;transition:opacity .5s}.simple-flow-container .flow:hover{opacity:.7}.simple-flow-container .flow:before{display:inline-block;counter-increment:number 1;content:counter(number,decimal-leading-zero);font-size:1.8rem;font-weight:700;padding:1.8rem;border-radius:50%;background:#fff;text-align:center;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2}.simple-flow-container .flow:not(:last-child):after{content:"";display:inline-block;width:1rem;height:1rem;border-bottom:.3rem solid #cecece;border-right:.3rem solid #cecece;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-ms-grid-column-align:end;justify-self:end;-ms-grid-row-align:center;align-self:center;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3}.simple-flow-container .flow-text{padding-top:8rem;font-size:1.1rem;text-align:center;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/3;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2}.simple-flow-container .flow-text:hover{opacity:1}.title{width:auto;margin-top:5rem}.title-text{margin-top:1.5rem}.flow-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flow-container .flow{display:-ms-grid;display:grid;-ms-grid-columns:12rem 1fr 27.62431%;grid-template-columns:12rem 1fr 27.62431%;-ms-grid-rows:30rem auto;grid-template-rows:30rem auto;width:69.61538%}.flow-container .flow:before,.flow-container .flow>*{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.flow-container .flow:before{width:12rem;height:12rem}.flow-container .flow:not(:last-child):after{-ms-grid-column-align:center;justify-self:center}.flow-container .flow .text-container{margin:0 5rem}.flow-container .flow-title{margin-top:0;text-align:left}.flow-container .flow-content{margin-top:1.5rem}.image-box{width:auto;margin:0;-ms-flex-negative:0;flex-shrink:0}.image-box .zoom{width:2.3rem}.buttons{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:15rem;padding:0}.buttons .button{width:30.76923%;margin:0 1.8rem}.faq{padding:20rem 0 0}.faq-list{width:69.23077%;margin:0 auto}.list{padding:6rem 0}.list:first-child{margin-top:6rem}.list .toggle{top:6rem;width:2.5rem}.list .answer{margin-left:3rem}.point-flow-container{margin-top:2.5rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.point-flow-container .point-flow{display:-ms-grid;display:grid;-ms-grid-columns:16rem 4rem;grid-template-columns:16rem 4rem;-ms-grid-rows:32rem 1fr;grid-template-rows:32rem 1fr;margin:0 1rem;width:auto;align-self:baseline}.point-flow-container .point-flow:not(:last-child):after{margin-top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-row-align:center;align-self:center;-ms-grid-column-align:end;justify-self:end}.point-flow-container .point-flow:last-child{-ms-grid-columns:16rem;grid-template-columns:16rem}.point-flow-container .image{-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row-align:center;align-self:center;-ms-grid-column-align:center;justify-self:center}.point-flow-container .caption{-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2}.contact-us .logo.tnf{width:10%}.contact-us .buttons{margin-top:5rem}.contact-us .button{width:26.92308%}.contact-us .btn{height:8.5rem}.contact-us .btn .icon{width:7.77143%}footer{padding-top:5rem}footer .links{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}footer .link{margin:0 1.2rem}footer .link:not(:first-child){margin-top:0}footer .copyright{margin-top:5rem;margin-bottom:3.5rem}.full-screen .image{max-width:30%;max-height:90%}.full-screen .image img{-o-object-fit:cover;object-fit:cover;font-family:"object-fit: cover"}}