/* --------------------------------------------------------
 Name:      FUTUREK - page-contact.css
 Author:    これは作成者です
 Info:      FUTUREK
----------------------------------------------------------- */
@-webkit-keyframes linkArrow{0%{opacity:1;translate:0 0}20%{opacity:0;translate:0 0}25%{opacity:0;translate:-100% 100%}30%{opacity:1;translate:-100% 100%}to{opacity:1;translate:0 0}}@-moz-keyframes linkArrow{0%{opacity:1;translate:0 0}20%{opacity:0;translate:0 0}25%{opacity:0;translate:-100% 100%}30%{opacity:1;translate:-100% 100%}to{opacity:1;translate:0 0}}@-o-keyframes linkArrow{0%{opacity:1;translate:0 0}20%{opacity:0;translate:0 0}25%{opacity:0;translate:-100% 100%}30%{opacity:1;translate:-100% 100%}to{opacity:1;translate:0 0}}@keyframes linkArrow{0%{opacity:1;translate:0 0}20%{opacity:0;translate:0 0}25%{opacity:0;translate:-100% 100%}30%{opacity:1;translate:-100% 100%}to{opacity:1;translate:0 0}}@-webkit-keyframes headerAppear{0%{translate:0 100%}to{translate:0 0}}@-moz-keyframes headerAppear{0%{translate:0 100%}to{translate:0 0}}@-o-keyframes headerAppear{0%{translate:0 100%}to{translate:0 0}}@keyframes headerAppear{0%{translate:0 100%}to{translate:0 0}}@-webkit-keyframes linkAppear{0%{opacity:0}to{opacity:1}}@-moz-keyframes linkAppear{0%{opacity:0}to{opacity:1}}@-o-keyframes linkAppear{0%{opacity:0}to{opacity:1}}@keyframes linkAppear{0%{opacity:0}to{opacity:1}}@-webkit-keyframes showToast{0%{translate:-50% -100%}15%{translate:-50% 0}85%{translate:-50% 0}to{translate:-50% -100%}}@-moz-keyframes showToast{0%{translate:-50% -100%}15%{translate:-50% 0}85%{translate:-50% 0}to{translate:-50% -100%}}@-o-keyframes showToast{0%{translate:-50% -100%}15%{translate:-50% 0}85%{translate:-50% 0}to{translate:-50% -100%}}@keyframes showToast{0%{translate:-50% -100%}15%{translate:-50% 0}85%{translate:-50% 0}to{translate:-50% -100%}}@media print,screen and (min-width:781px){.page-contact .page-header{margin-bottom:70px}.page-contact .contact-contents{border-top:1px solid rgba(10,6,7,.3);padding:60px 0}.page-contact .contact-title .ja{display:block;font-size:18px;font-weight:700;line-height:1.2;margin-bottom:12px}.page-contact .contact-title .en{display:block;font-size:12px;font-weight:200;line-height:1.2}.page-contact .contact-phone-number,.page-contact .contact-phone-number .office:not(:last-child){margin-bottom:20px}.page-contact .contact-phone-number .head{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;line-height:1;margin-bottom:10px}.page-contact .contact-phone-number .head .ja{font-size:18px;font-weight:700;margin-bottom:10px;margin-right:10px}.page-contact .contact-phone-number .head .en{font-size:12px;font-weight:200}.page-contact .contact-phone-number .num .ja{display:block;font-size:18px;margin-bottom:14px}.page-contact .contact-phone-number .num .en{display:block;font-size:18px;font-weight:400}.page-contact .contact-phone-hours .ja{display:block;font-size:12px;letter-spacing:.05em;line-height:1.4}.page-contact .contact-phone-hours .en{display:block;font-size:12px;font-weight:200;line-height:1.4}.page-contact .contact-mail{margin-bottom:174px}.page-contact .contact-mail-detail{-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-right:auto}.page-contact .contact-mail-detail span{cursor:pointer;display:inline-block;font-size:18px;line-height:1.2;margin-bottom:-2px;margin-right:5px;overflow:hidden;padding-bottom:2px;position:relative}.page-contact .contact-mail-detail span:after{background:#0a0607;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.page-contact .contact-mail-detail a{cursor:pointer;display:inline-block;font-size:18px;line-height:1.2;margin-bottom:-2px;margin-right:5px;overflow:hidden;padding-bottom:2px;position:relative}.page-contact .contact-mail-detail a:after{background:#0a0607;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.page-contact .contact-mail-detail a+svg{display:none}.page-contact .contact-mail-detail svg{height:18px;margin-top:3px;scale:1.4;width:16px}.page-contact .contact-mail-taost{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(10,6,7,.7);color:#fff;display:grid;font-size:14px;left:50%;line-height:1;padding:10px 30px;place-items:center;position:fixed;text-align:center;top:0;translate:-50% -100%;white-space:nowrap;width:100%;z-index:9999}.page-contact .contact-mail-taost.is-show{-webkit-animation:showToast 2s ease;-moz-animation:showToast 2s ease;-o-animation:showToast 2s ease;animation:showToast 2s ease}}@media print,screen and (min-width:781px) and (min-width:781px){.page-contact .contact-mail-detail a:hover:after,.page-contact .contact-mail-detail span:hover:after{-webkit-animation:underline .4s ease forwards;-moz-animation:underline .4s ease forwards;-o-animation:underline .4s ease forwards;animation:underline .4s ease forwards}}@media only screen and (max-width:780px){.page-contact .page-header{margin-bottom:min(11.7333333333vw,44px)}.page-contact .contact-contents{padding-bottom:min(10.6666666667vw,80px)}.page-contact .contact-contents:not(.contact-form){border-top:1px solid rgba(10,6,7,.3);padding-top:min(10.6666666667vw,60px)}.page-contact .contact-title{margin-bottom:32px}.page-contact .contact-title .ja{display:block;font-size:min(4.8vw,18px);font-weight:700;line-height:1.2;margin-bottom:10px}.page-contact .contact-title .en{display:block;font-size:min(3.2vw,12px);font-weight:200;line-height:1.2}.page-contact .contact-phone-number,.page-contact .contact-phone-number .office:not(:last-child){margin-bottom:min(4.8vw,24px)}.page-contact .contact-phone-number .head{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;line-height:1;margin-bottom:18px}.page-contact .contact-phone-number .head .ja{font-size:min(4.8vw,18px);font-weight:700;margin-right:10px}.page-contact .contact-phone-number .head .en{font-size:min(3.2vw,12px);font-weight:200}.page-contact .contact-phone-number .num{font-size:min(4.8vw,18px)}.page-contact .contact-phone-number .num .ja{display:block;margin-bottom:14px}.page-contact .contact-phone-hours .ja{display:block;font-size:min(2.9333333333vw,13px);letter-spacing:.05em;line-height:1.4;margin-bottom:6px}.page-contact .contact-phone-hours .en{display:block;font-size:min(3.2vw,14px);font-weight:200;line-height:1.6666666667}.page-contact .contact-mail{margin-bottom:min(49.6vw,186px)}.page-contact .contact-mail .contact-title{margin-bottom:40px}.page-contact .contact-mail-detail{-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.page-contact .contact-mail-detail span{display:inline-block;font-size:min(4.8vw,18px);line-height:1.2;margin-bottom:-2px;margin-right:2px;overflow:hidden;padding-bottom:2px;position:relative}.page-contact .contact-mail-detail span:after{background:grey;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.page-contact .contact-mail-detail svg{height:20px;margin-top:2px;width:18px}.page-contact .contact-mail-taost{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(10,6,7,.6);color:#fff;display:grid;font-size:14px;left:50%;line-height:1;padding:10px 30px;place-items:center;position:fixed;text-align:center;top:0;translate:-50% -100%;white-space:nowrap;width:100%;z-index:9999}.page-contact .contact-mail-taost.is-show{-webkit-animation:showToast 2s ease;-moz-animation:showToast 2s ease;-o-animation:showToast 2s ease;animation:showToast 2s ease}}