html{color:#000;background:#fff}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:""}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}html{background-color:rgba(0,0,0,0);background-image:none}body{-webkit-text-size-adjust:100%}figure{margin:0;padding:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}figure img{vertical-align:top}@font-face{font-display:swap;font-family:"Playfair Display SC";font-style:normal;font-weight:400;src:url("./fonts/playfair-display-sc-v18-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Playfair Display SC";font-style:normal;font-weight:700;src:url("./fonts/playfair-display-sc-v18-latin-700.woff2") format("woff2")}html{background-color:#fff;font-family:"Times New Roman",serif;font-size:16px;color:#000;line-height:1}html body.about .section-body,html body.terms .section-body,html body.privacy .section-body,html body.refund .section-body,html body.subscription .section-body{font-family:Arial,Helvetica,sans-serif}@media screen and (max-width: 480px){html{font-size:13px}}html,body{height:100%}body{overflow-x:hidden}em,strong{font-weight:bold}a{color:#2e776c}img{vertical-align:top}@media screen and (min-width: 768px){.for-mobile{display:none}}@media screen and (max-width: 767px){.not-for-mobile{display:none}}.em{color:#c00}.theme{color:#2e776c}input[type=text],input[type=password],input[type=email],input[type=url],input[type=tel]{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ddd;border-radius:3px;height:36px;width:100%;font-size:16px;text-indent:8px}textarea{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;width:100%;height:240px;padding:8px;font-size:16px;line-height:1.5}select{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:#ddd;height:36px;line-height:36px;font-size:16px}.required{color:#c00}th .required{margin-left:10px}p.error{background-color:rgba(204,0,0,.1);padding:15px;color:#c00;font-weight:600;margin-bottom:30px}p.required,span.required{font-size:16px;font-weight:bold}.button{margin-top:30px;text-align:center}.button a{display:inline-block}.button a,.button input[type=submit],.button input[type=button],.button button{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:5px;background:#2e776c;height:50px;line-height:50px;padding:0 20px;min-width:120px;color:#fff;font-size:16px;font-weight:bold;text-decoration:none;font-family:Arial,Helvetica,sans-serif}.button a:not(:first-child),.button input[type=submit]:not(:first-child),.button input[type=button]:not(:first-child),.button button:not(:first-child){margin-left:10px}.button a:not([disabled]):hover,.button input[type=submit]:not([disabled]):hover,.button input[type=button]:not([disabled]):hover,.button button:not([disabled]):hover{opacity:.7}.button input[disabled]{background-color:#ccc}.button input[name^=back],.button .cancel{background:#999 !important}table,th,td{border-collapse:collapse;border:1px solid #ddd}th,td{padding:15px 20px;text-align:left;line-height:1.5}@media screen and (max-width: 480px){th,td{padding:10px}}th{width:30%;background:#efefef;font-weight:bold}header[role=banner]{position:fixed;left:0;top:0;z-index:100;width:100%}header[role=banner] .header-inner{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:1480px;width:100%;height:88px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;padding:0 10px;font-family:"Playfair Display SC",sans-serif;font-weight:900}@media screen and (max-width: 480px){header[role=banner] .header-inner{height:60px}}header[role=banner] .header-inner::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;-webkit-transition:.5s;transition:.5s;background-color:rgba(255,255,255,.7)}.home header[role=banner] .header-inner::before{background-color:rgba(178,145,137,0)}@media screen and (min-width: 768px){header[role=banner] .header-inner{padding:0 50px}}header[role=banner] .header-inner a{color:#2e776c;text-decoration:none}header[role=banner] .header-inner h1{font-size:1.5rem;-webkit-box-flex:1;-ms-flex:1;flex:1}header[role=banner] .header-inner h1 a{font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.3)}body:not(.home) header[role=banner] .header-inner h1 a{color:#2e776c;text-shadow:none}@media screen and (min-width: 768px){header[role=banner] .header-inner h1{font-size:1.875rem}}@media screen and (max-width: 480px){header[role=banner] .header-inner h1{font-size:1.2rem;margin-top:-5px}}header[role=banner] .header-inner .global-menu{-webkit-box-flex:3;-ms-flex:3;flex:3}header[role=banner] .header-inner .global-menu ul{font-size:0;text-align:right}header[role=banner] .header-inner .global-menu li{display:inline-block;font-size:1rem}html[lang=ja] header[role=banner] .header-inner .global-menu li{font-size:.875rem}header[role=banner] .header-inner .global-menu li+li{margin-left:30px}header[role=banner] .header-inner .global-menu li.language a{display:inline-block;padding:10px 20px;border-radius:36px;background-color:rgba(255,255,255,.3);font-family:sans-serif;font-weight:600;font-style:normal}body:not(.home) header[role=banner] .header-inner .global-menu li.language a{background-color:rgba(46,119,108,.3)}html[lang^=en] header[role=banner] .header-inner .global-menu li.language{font-size:.875rem}html[lang=ja] header[role=banner] .header-inner .global-menu li.language{font-size:1rem}header[role=banner] .header-inner .global-menu li a{color:#fff;text-shadow:0 0 10px rgba(0,0,0,.3);font-weight:bold}body:not(.home) header[role=banner] .header-inner .global-menu li a{color:#2e776c;text-shadow:none}@media screen and (min-width: 768px){header[role=banner] .header-inner .global-menu li{font-size:1.25rem}html[lang=ja] header[role=banner] .header-inner .global-menu li{font-size:1.125rem}html[lang^=en] header[role=banner] .header-inner .global-menu li.language{font-size:1.125rem}html[lang=ja] header[role=banner] .header-inner .global-menu li.language{font-size:1.25rem}}@media screen and (max-width: 576px){header[role=banner] .header-inner .global-menu li+li{margin-left:15px}header[role=banner] .header-inner .global-menu li:first-child{display:none}header[role=banner] .header-inner .global-menu li:first-child+li{margin-left:0}}.home header[role=banner].scrolled .header-inner::before{background-color:rgba(178,145,137,.7)}.hero{position:relative;text-align:center;max-width:1480px;margin:0 auto}.hero figure{overflow:hidden}.hero figure img{width:160%;height:auto;margin-left:-18%}@media screen and (min-width: 768px){.hero figure{padding-top:0}.hero figure img{width:100%;max-width:1480px;margin:0}}.hero .hero-text{position:absolute;left:0;top:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;display:grid;padding:3.5% 0 50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center}.hero .hero-text p{margin-top:8%}@media screen and (max-width: 767px){.hero .hero-text p img{width:100%;height:auto}}section{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:1400px;margin:0 auto;padding:0 10px 100px}section:first-child{padding-top:160px}.hero+section{padding-top:50px}.section-head{font-family:"Playfair Display SC",sans-serif;color:#2e776c;font-size:1.75rem;font-weight:700}html[lang=ja] .section-head{font-size:1.5rem}@media screen and (min-width: 768px){.section-head{font-size:2.25rem}html[lang=ja] .section-head{font-size:2rem}}.section-body{margin-top:80px}.home .section-body{margin-top:30px}.tutors-list,body[class^=booking] .section-body>div:first-child,body[class^=payment] .section-body>div:first-child,body[class^=thank] .section-body>div:first-child{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:15px;border:1px solid #dfdfdf}.tutors-list+li,body[class^=booking] .section-body>div:first-child+li,body[class^=payment] .section-body>div:first-child+li,body[class^=thank] .section-body>div:first-child+li{margin-top:15px}.tutors-list>*,body[class^=booking] .section-body>div:first-child>*,body[class^=payment] .section-body>div:first-child>*,body[class^=thank] .section-body>div:first-child>*{width:100%}.tutors-list .profile,body[class^=booking] .section-body>div:first-child .profile,body[class^=payment] .section-body>div:first-child .profile,body[class^=thank] .section-body>div:first-child .profile{*zoom:1}.tutors-list .profile:after,body[class^=booking] .section-body>div:first-child .profile:after,body[class^=payment] .section-body>div:first-child .profile:after,body[class^=thank] .section-body>div:first-child .profile:after{content:"";display:table;clear:both}.tutors-list .profile h3,body[class^=booking] .section-body>div:first-child .profile h3,body[class^=payment] .section-body>div:first-child .profile h3,body[class^=thank] .section-body>div:first-child .profile h3{font-size:1.5rem;font-weight:bold;margin-bottom:15px}.tutors-list .profile h3 .price,body[class^=booking] .section-body>div:first-child .profile h3 .price,body[class^=payment] .section-body>div:first-child .profile h3 .price,body[class^=thank] .section-body>div:first-child .profile h3 .price{font-size:1.125rem}@media screen and (min-width: 768px){.tutors-list .profile h3,body[class^=booking] .section-body>div:first-child .profile h3,body[class^=payment] .section-body>div:first-child .profile h3,body[class^=thank] .section-body>div:first-child .profile h3{margin-bottom:24px}}.tutors-list .profile>figure,body[class^=booking] .section-body>div:first-child .profile>figure,body[class^=payment] .section-body>div:first-child .profile>figure,body[class^=thank] .section-body>div:first-child .profile>figure{float:left;width:120px;padding-right:15px}.tutors-list .profile>figure img,body[class^=booking] .section-body>div:first-child .profile>figure img,body[class^=payment] .section-body>div:first-child .profile>figure img,body[class^=thank] .section-body>div:first-child .profile>figure img{width:100%;height:auto}.tutors-list .profile>figure+div+div .status,body[class^=booking] .section-body>div:first-child .profile>figure+div+div .status,body[class^=payment] .section-body>div:first-child .profile>figure+div+div .status,body[class^=thank] .section-body>div:first-child .profile>figure+div+div .status{-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:30px}.tutors-list .profile>figure+div+div nav,body[class^=booking] .section-body>div:first-child .profile>figure+div+div nav,body[class^=payment] .section-body>div:first-child .profile>figure+div+div nav,body[class^=thank] .section-body>div:first-child .profile>figure+div+div nav{text-align:center}.tutors-list .profile>figure+div+div nav a,body[class^=booking] .section-body>div:first-child .profile>figure+div+div nav a,body[class^=payment] .section-body>div:first-child .profile>figure+div+div nav a,body[class^=thank] .section-body>div:first-child .profile>figure+div+div nav a{display:block;max-width:240px;width:100%;height:44px;line-height:44px;margin:15px auto 0;border:1px solid #2e776c;border-radius:5px;text-decoration:none;text-align:center;font-family:Arial,Helvetica,sans-serif}.tutors-list .profile>figure+div+div nav a:first-child,body[class^=booking] .section-body>div:first-child .profile>figure+div+div nav a:first-child,body[class^=payment] .section-body>div:first-child .profile>figure+div+div nav a:first-child,body[class^=thank] .section-body>div:first-child .profile>figure+div+div nav a:first-child{background-color:#2e776c;color:#fff}.tutors-list .profile>figure+div+div nav a:last-child,body[class^=booking] .section-body>div:first-child .profile>figure+div+div nav a:last-child,body[class^=payment] .section-body>div:first-child .profile>figure+div+div nav a:last-child,body[class^=thank] .section-body>div:first-child .profile>figure+div+div nav a:last-child{color:#2e776c}@media screen and (min-width: 1024px){.tutors-list .profile>figure+div+div,body[class^=booking] .section-body>div:first-child .profile>figure+div+div,body[class^=payment] .section-body>div:first-child .profile>figure+div+div,body[class^=thank] .section-body>div:first-child .profile>figure+div+div{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:150px}.tutors-list .profile>figure+div+div .status,body[class^=booking] .section-body>div:first-child .profile>figure+div+div .status,body[class^=payment] .section-body>div:first-child .profile>figure+div+div .status,body[class^=thank] .section-body>div:first-child .profile>figure+div+div .status{width:64%}.tutors-list .profile>figure+div+div nav,body[class^=booking] .section-body>div:first-child .profile>figure+div+div nav,body[class^=payment] .section-body>div:first-child .profile>figure+div+div nav,body[class^=thank] .section-body>div:first-child .profile>figure+div+div nav{width:34%}}.tutors-list .profile p,body[class^=booking] .section-body>div:first-child .profile p,body[class^=payment] .section-body>div:first-child .profile p,body[class^=thank] .section-body>div:first-child .profile p{margin-top:15px;line-height:1.5}.tutors-list .schedule,body[class^=booking] .section-body>div:first-child .schedule,body[class^=payment] .section-body>div:first-child .schedule,body[class^=thank] .section-body>div:first-child .schedule{max-width:640px;margin:30px auto 0}.tutors-list .schedule h4,body[class^=booking] .section-body>div:first-child .schedule h4,body[class^=payment] .section-body>div:first-child .schedule h4,body[class^=thank] .section-body>div:first-child .schedule h4{font-size:1.5rem;font-weight:bold;margin-bottom:15px}@media screen and (min-width: 768px){.tutors-list .schedule h4,body[class^=booking] .section-body>div:first-child .schedule h4,body[class^=payment] .section-body>div:first-child .schedule h4,body[class^=thank] .section-body>div:first-child .schedule h4{margin-bottom:24px}}.tutors-list .schedule .schedule-table,body[class^=booking] .section-body>div:first-child .schedule .schedule-table,body[class^=payment] .section-body>div:first-child .schedule .schedule-table,body[class^=thank] .section-body>div:first-child .schedule .schedule-table{width:100%}.tutors-list .schedule .schedule-table th,body[class^=booking] .section-body>div:first-child .schedule .schedule-table th,body[class^=payment] .section-body>div:first-child .schedule .schedule-table th,body[class^=thank] .section-body>div:first-child .schedule .schedule-table th,.tutors-list .schedule .schedule-table td,body[class^=booking] .section-body>div:first-child .schedule .schedule-table td,body[class^=payment] .section-body>div:first-child .schedule .schedule-table td,body[class^=thank] .section-body>div:first-child .schedule .schedule-table td{width:auto;min-width:0;padding:5px;background-color:rgba(0,0,0,0);font-size:.875rem}.tutors-list .schedule .schedule-table thead th,body[class^=booking] .section-body>div:first-child .schedule .schedule-table thead th,body[class^=payment] .section-body>div:first-child .schedule .schedule-table thead th,body[class^=thank] .section-body>div:first-child .schedule .schedule-table thead th{text-align:center}.tutors-list .schedule .schedule-table thead th:not(:first-child),body[class^=booking] .section-body>div:first-child .schedule .schedule-table thead th:not(:first-child),body[class^=payment] .section-body>div:first-child .schedule .schedule-table thead th:not(:first-child),body[class^=thank] .section-body>div:first-child .schedule .schedule-table thead th:not(:first-child){width:10%;padding:8px 0}.tutors-list .schedule .schedule-table tbody th,body[class^=booking] .section-body>div:first-child .schedule .schedule-table tbody th,body[class^=payment] .section-body>div:first-child .schedule .schedule-table tbody th,body[class^=thank] .section-body>div:first-child .schedule .schedule-table tbody th{padding:8px;line-height:1.2}.tutors-list .schedule .schedule-table tbody th span,body[class^=booking] .section-body>div:first-child .schedule .schedule-table tbody th span,body[class^=payment] .section-body>div:first-child .schedule .schedule-table tbody th span,body[class^=thank] .section-body>div:first-child .schedule .schedule-table tbody th span{display:block;font-size:.75rem;font-weight:normal}.tutors-list .schedule .schedule-table tbody td.full,body[class^=booking] .section-body>div:first-child .schedule .schedule-table tbody td.full,body[class^=payment] .section-body>div:first-child .schedule .schedule-table tbody td.full,body[class^=thank] .section-body>div:first-child .schedule .schedule-table tbody td.full{background-color:#654942}.tutors-list .schedule .schedule-table tbody td.part,body[class^=booking] .section-body>div:first-child .schedule .schedule-table tbody td.part,body[class^=payment] .section-body>div:first-child .schedule .schedule-table tbody td.part,body[class^=thank] .section-body>div:first-child .schedule .schedule-table tbody td.part{background-color:#8d665c}@media screen and (min-width: 1024px){.tutors-list,body[class^=booking] .section-body>div:first-child,body[class^=payment] .section-body>div:first-child,body[class^=thank] .section-body>div:first-child{padding:30px}.tutors-list+li,body[class^=booking] .section-body>div:first-child+li,body[class^=payment] .section-body>div:first-child+li,body[class^=thank] .section-body>div:first-child+li{margin-top:30px}.tutors-list .profile,body[class^=booking] .section-body>div:first-child .profile,body[class^=payment] .section-body>div:first-child .profile,body[class^=thank] .section-body>div:first-child .profile{width:60%}.tutors-list .profile>figure,body[class^=booking] .section-body>div:first-child .profile>figure,body[class^=payment] .section-body>div:first-child .profile>figure,body[class^=thank] .section-body>div:first-child .profile>figure{padding-right:30px}.tutors-list .profile>figure+div,body[class^=booking] .section-body>div:first-child .profile>figure+div,body[class^=payment] .section-body>div:first-child .profile>figure+div,body[class^=thank] .section-body>div:first-child .profile>figure+div{margin-left:150px}.tutors-list .schedule,body[class^=booking] .section-body>div:first-child .schedule,body[class^=payment] .section-body>div:first-child .schedule,body[class^=thank] .section-body>div:first-child .schedule{width:36%;margin-top:0;margin-left:4%}}body[class^=contact] main[role=main],body[class=complete] main[role=main],body[class^=about] main[role=main]{max-width:640px;margin:0 auto}body[class^=contact] main[role=main] p,body[class=complete] main[role=main] p,body[class^=about] main[role=main] p{line-height:1.5}body[class^=contact] main[role=main] p+*:not(.button),body[class=complete] main[role=main] p+*:not(.button),body[class^=about] main[role=main] p+*:not(.button){margin-top:1em}body[class^=contact] main[role=main] span.required,body[class=complete] main[role=main] span.required,body[class^=about] main[role=main] span.required{margin-left:5px}body[class^=contact] main[role=main] dl,body[class=complete] main[role=main] dl,body[class^=about] main[role=main] dl{margin-top:30px}body[class^=contact] main[role=main] dt,body[class=complete] main[role=main] dt,body[class^=about] main[role=main] dt{font-weight:bold}body[class^=contact] main[role=main] dd,body[class=complete] main[role=main] dd,body[class^=about] main[role=main] dd{margin-top:5px}body[class^=contact] main[role=main] table,body[class=complete] main[role=main] table,body[class^=about] main[role=main] table{width:100%;margin-top:50px}body[class=complete] .section-body p{text-align:center}.cf-turnstile>div{margin:0 auto}body[class^=booking] main[role=main],body[class^=payment] main[role=main],body[class^=thank] main[role=main]{max-width:1000px;margin:0 auto;position:relative}body[class^=booking] .section-body,body[class^=payment] .section-body,body[class^=thank] .section-body{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}body[class^=booking] .section-body>div:first-child,body[class^=payment] .section-body>div:first-child,body[class^=thank] .section-body>div:first-child{margin-top:0 !important}@media screen and (min-width: 1024px){body[class^=booking] .section-body>div:first-child,body[class^=payment] .section-body>div:first-child,body[class^=thank] .section-body>div:first-child{width:60%}}body[class^=booking] .section-body>div:first-child .profile,body[class^=payment] .section-body>div:first-child .profile,body[class^=thank] .section-body>div:first-child .profile{width:100%}body[class^=booking] .section-body p,body[class^=payment] .section-body p,body[class^=thank] .section-body p{line-height:1.5}body[class^=booking] .order-wrapper,body[class^=payment] .order-wrapper,body[class^=thank] .order-wrapper{margin-top:30px;padding-top:30px;border-top:1px solid #dfdfdf}body[class^=booking] .order-wrapper h3,body[class^=payment] .order-wrapper h3,body[class^=thank] .order-wrapper h3{color:#2e776c;font-size:1.5rem;font-family:"Playfair Display SC",sans-serif;margin-bottom:15px}@media screen and (min-width: 768px){body[class^=booking] .order-wrapper h3,body[class^=payment] .order-wrapper h3,body[class^=thank] .order-wrapper h3{margin-bottom:24px}}body[class^=booking] .order-wrapper h3 span,body[class^=payment] .order-wrapper h3 span,body[class^=thank] .order-wrapper h3 span{font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-size:1rem;color:#555;margin-left:10px}body[class^=booking] #schedule li,body[class^=payment] #schedule li,body[class^=thank] #schedule li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;background-color:#f9f9f9}body[class^=booking] #schedule li:nth-child(odd),body[class^=payment] #schedule li:nth-child(odd),body[class^=thank] #schedule li:nth-child(odd){background-color:#eee}body[class^=booking] #schedule li>h4,body[class^=payment] #schedule li>h4,body[class^=thank] #schedule li>h4{width:22%;font-weight:bold}body[class^=booking] #schedule li>div,body[class^=payment] #schedule li>div,body[class^=thank] #schedule li>div{-webkit-box-sizing:border-box;box-sizing:border-box;width:39%;padding-left:15px}body[class^=booking] #schedule li>div select,body[class^=payment] #schedule li>div select,body[class^=thank] #schedule li>div select{width:100%}body[class^=payment] .order-wrapper{border:none !important;padding:0 !important}body[class^=payment] .order-wrapper h3{margin-top:50px}body[class^=payment] .order-wrapper h3:not(:first-child){padding-top:50px;border-top:1px solid #dfdfdf}body[class^=payment] .order-wrapper>p:first-child{margin-top:-50px}body[class^=payment] .order-wrapper span.required{margin-left:5px}body[class^=payment] .order-wrapper form>div{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}body[class^=payment] .order-wrapper form>div>dl{-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}body[class^=payment] .order-wrapper form>div>dl:first-child{padding-right:5px}body[class^=payment] .order-wrapper form>div>dl:last-child{padding-left:5px}body[class^=payment] .order-wrapper dl{margin-top:30px}body[class^=payment] .order-wrapper dt{font-weight:bold}body[class^=payment] .order-wrapper dd{margin-top:5px}body[class^=payment] .order-wrapper dd>b{display:block;background-color:#efefef;padding:15px}body[class^=payment] .order-wrapper input+div>dl,body[class^=payment] .order-wrapper input+div>dl+dl{margin-top:0}body[class^=payment] .order-wrapper input[name=card_id]{width:120px}body[class^=payment] .credit-info{margin-top:50px}body[class^=payment] .button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}body[class^=payment] .button a[href*=back]{border:1px solid #999;background-color:rgba(0,0,0,0);color:#999}.agreement{margin-top:30px;background-color:#f5f5f5;padding:30px}.agreement label input{margin-right:8px}.order-info{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-top:10px;padding:30px 15px;background-color:#fffbe7;border:1px solid #dfdfdf}body[class^=payment] .order-info{margin-top:50px}@media screen and (min-width: 1024px){.order-info{width:38%;margin-left:2%;margin-top:0 !important;padding:30px}.order-info.fixed{position:fixed;top:80px;right:50%;margin-right:-490px;width:372px}}.order-info h3{color:#2e776c;font-size:1.5rem;font-family:"Playfair Display SC",sans-serif;margin-bottom:15px}@media screen and (min-width: 768px){.order-info h3{margin-bottom:24px}}.order-info table{width:100%;border:none}.order-info thead{font-size:1.25rem}.order-info th,.order-info td{border-left:none;border-right:none;padding-top:5px;padding-bottom:5px}.order-info th:first-child,.order-info td:first-child{padding-left:0;padding-right:0;width:55%}.order-info th:last-child:not([colspan]),.order-info td:last-child:not([colspan]){text-align:right}.order-info th{background-color:rgba(0,0,0,0)}.order-info th.date{padding:10px 15px 1px;background-image:-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, transparent), color-stop(20%, #f2e698), to(#f2e698));background-image:linear-gradient(to bottom, transparent, transparent 20%, #f2e698 20%, #f2e698 100%);border-color:#f2e698}.order-info td .start{margin-left:15px}.order-info td .start,.order-info td .end{font-style:italic}.order-info .total-row th{font-size:1.25rem}.order-info .total-row td{color:#c00;font-weight:bold;font-size:1.875rem}.order-info button{width:100%;font-weight:normal;font-size:1.25rem}.order-info button[disabled]{background-color:#ddd}body[class^=thank] .order-wrapper{padding:30px 0 0 !important;border:none !important}.flow-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flow-list li+li{margin-top:30px}.flow-list li>div{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;border-left:5px solid #349388}.flow-list li>figure{margin-top:15px}.flow-list li>figure img{width:100%;height:auto}@media screen and (min-width: 768px){.flow-list li>div{width:60%;padding:30px;border-left-width:15px}.flow-list li>figure{margin-top:0;width:40%}}.flow-list h3{font-family:"Playfair Display SC",sans-serif;font-weight:700;font-size:1.25rem;line-height:1.2}@media screen and (min-width: 768px){.flow-list h3{font-size:1.5rem}}.flow-list h3 span{color:#2e776c;margin-right:5px}.flow-list p{margin-top:30px;line-height:1.5}body.howitworks section:not(:first-child) .section-body{margin-top:30px}.points{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:-5px}.points li{-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px;width:100%}.points li div{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #dfdfdf;padding:10px 30px 30px;height:100%}.points li h3{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:80px;font-family:"Playfair Display SC",sans-serif;font-size:1.3125rem;font-weight:700;line-height:1.2}html[lang=ja] .points li h3{font-size:1.125rem}@media screen and (min-width: 768px){.points li h3{font-size:1.5rem}html[lang=ja] .points li h3{font-size:1.3125rem}}.points li p{line-height:1.5;text-align:left}@media screen and (min-width: 768px){.points li{width:50%}.points li h3{text-align:center}}@media screen and (min-width: 1366px){.points li{width:25%}}body[class=terms] main[role=main],body[class=privacy] main[role=main],body[class=refund] main[role=main],body[class=subscription] main[role=main]{max-width:1280px;margin:0 auto}body[class=terms] h2,body[class=privacy] h2,body[class=refund] h2,body[class=subscription] h2{font-weight:bold;font-size:1.5rem;line-height:1.2}body[class=terms] h3,body[class=privacy] h3,body[class=refund] h3,body[class=subscription] h3{margin-top:3em;font-weight:bold;font-size:1.3125rem;line-height:1.2}body[class=terms] h4,body[class=privacy] h4,body[class=refund] h4,body[class=subscription] h4{margin-top:2em;font-weight:bold;font-size:1.125rem;line-height:1.3}body[class=terms] p,body[class=privacy] p,body[class=refund] p,body[class=subscription] p{margin-top:1em}body[class=terms] p:not(:first-child),body[class=privacy] p:not(:first-child),body[class=refund] p:not(:first-child),body[class=subscription] p:not(:first-child){line-height:1.5}body[class=terms] ul,body[class=terms] ol,body[class=privacy] ul,body[class=privacy] ol,body[class=refund] ul,body[class=refund] ol,body[class=subscription] ul,body[class=subscription] ol{padding-left:1.6em;line-height:1.5}body[class=terms] ul:not(:first-child),body[class=terms] ol:not(:first-child),body[class=privacy] ul:not(:first-child),body[class=privacy] ol:not(:first-child),body[class=refund] ul:not(:first-child),body[class=refund] ol:not(:first-child),body[class=subscription] ul:not(:first-child),body[class=subscription] ol:not(:first-child){margin-top:1em}body[class=terms] ul,body[class=privacy] ul,body[class=refund] ul,body[class=subscription] ul{list-style:disc outside}body[class=terms] ol,body[class=privacy] ol,body[class=refund] ol,body[class=subscription] ol{list-style:decimal outside}body[class=terms] .section-body img,body[class=privacy] .section-body img,body[class=refund] .section-body img,body[class=subscription] .section-body img{vertical-align:middle}footer[role=contentinfo]{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:1400px;margin:0 auto;padding:0 10px;text-align:center}footer[role=contentinfo] .footer-menu{padding-top:50px;border-top:1px solid #dfdfdf}footer[role=contentinfo] .footer-menu ul{font-size:0}footer[role=contentinfo] .footer-menu li{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;font-size:.8125rem;padding:15px;width:50%;text-align:left;text-indent:10px}footer[role=contentinfo] .footer-menu li a{color:#999}@media screen and (min-width: 1024px){footer[role=contentinfo] .footer-menu li{width:auto;text-align:center;text-indent:0}}footer[role=contentinfo] .copyright{display:block;margin-top:50px;padding-bottom:80px;font-size:.8125rem;color:#999}.cu{margin:50px auto 0;padding-top:50px;border-top:1px solid #ddd;max-width:620px}.cu img{width:100%;height:auto}.cardbrands{margin-top:50px}@media screen and (max-width: 480px){.cardbrands img{width:240px;height:auto}}/*# sourceMappingURL=style.css.map */