*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#333;width:100%;min-width:320px;margin:0;padding:0;font-family:Noto Sans JP,Arial,Helvetica Neue,Helvetica,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;font-size:15px;line-height:1.5;display:block}main{flex-direction:column;flex:1;width:100%;min-height:100vh;margin:0 auto;padding-top:72px;display:flex}a,img,span{display:block}a{color:#333;text-decoration:none}.header{z-index:100;background:#fff;justify-content:space-between;align-items:center;width:100%;height:72px;margin:0 auto;padding:1em 0;display:flex;position:fixed;top:0;left:0;box-shadow:0 0 5px #00000024}@media (width>=768px){.header{padding:1.2em 0}}.svg_logo{width:180px;min-width:150px;height:auto;margin-left:2em}@media (width>=768px){.svg_logo{width:200px;margin-left:3em}}.nav{margin-left:auto;position:relative}.nav_toggle{display:none}.nav_btn{cursor:pointer;width:44px;height:44px;margin-right:1.5em;display:block;position:relative}@media (width>=768px){.nav_btn{display:none}}.nav_btn span{background:#000;height:2px;transition:all .25s;position:absolute;left:10px;right:10px}.nav_btn span:first-child{top:14px}.nav_btn span:nth-child(2){top:21px}.nav_btn span:nth-child(3){top:28px}.nav_overlay{opacity:0;pointer-events:none;z-index:5;background:#0000004d;transition:opacity .25s;position:fixed;inset:0}@media (width>=768px){.nav_overlay{display:none}}.nav_list{opacity:0;pointer-events:none;z-index:10;background:#fff;flex-direction:column;gap:1rem;width:50%;max-width:420px;padding:1rem 0 0 1rem;list-style:none;transition:opacity .25s,transform .25s;display:flex;position:fixed;top:72px;bottom:0;right:0;transform:translate(10px)}@media (width>=768px){.nav_list{opacity:1;pointer-events:auto;background:0 0;flex-direction:row;gap:3em;width:auto;padding:0;list-style:none;position:static;transform:none}}.list_item{padding:.5em 2em;font-size:18px}.nav_toggle:checked~.nav_overlay{opacity:1;pointer-events:auto}.nav_toggle:checked~.nav_list{opacity:1;pointer-events:auto;transition-delay:.15s;transform:translate(0)}.nav_toggle:checked+.nav_btn span:first-child{top:21px;transform:rotate(45deg)}.nav_toggle:checked+.nav_btn span:nth-child(2){opacity:0}.nav_toggle:checked+.nav_btn span:nth-child(3){top:21px;transform:rotate(-45deg)}.list_item{padding:0}.link_item{color:#333;width:fit-content;font-size:17px;font-weight:900;text-decoration:none;position:relative}@media (width>=768px){.link_item{color:#333;font-size:20px;font-weight:900}}.list_item:last-child{padding-right:3em}.link_item:after{content:"";transform-origin:100%;background:currentColor;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.link_item:hover:after{transform-origin:0;transform:scaleX(1)}.footer{flex-direction:column;align-items:center;margin-top:18vh;display:flex}@media (width>=768px){.footer{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:4em;padding:1em 0;display:flex}}footer a{color:#333;font-weight:600;text-decoration:none}.foot_top-link{order:2;margin-bottom:2em}.foot_logo{text-align:center;width:180px;margin-top:2em;display:block}.site_map{text-align:center;margin:0 auto;padding-bottom:2em;font-size:17px;display:block}.foot_list{order:1;grid-template-columns:1fr 1fr;justify-items:center;gap:1.5em;margin-bottom:2em;list-style:none;display:grid}.foot_item:nth-child(3){grid-column:1/-1;justify-self:center}.foot_link{width:fit-content;font-size:20px;position:relative}.foot_link:after{content:"";transform-origin:100%;background-color:currentColor;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.foot_link:hover:after{transform-origin:0;transform:scaleX(1)}.copy{text-align:center;border-top:1px solid #ccc;width:100%;margin:0 auto;padding:1em 0}@media screen and (width>=768px){.foot_logo{margin-left:3em;display:block}.foot_item:last-child{grid-column:auto}.site_map{display:none}.foot_list{flex-direction:row;justify-content:flex-end;gap:3em;display:inline-flex}.foot-link{font-size:20px;font-weight:900;display:block}.foot_item:last-child{padding-right:3em}}.fade{opacity:0;transition:opacity .6s,all .6s}.fade.is-show{opacity:1}#error-box{width:100%}.error-text{border-radius:7px;width:fit-content;margin:1rem auto 0;padding:5px 10px;box-shadow:0 4px 10px #00000024}.hero{text-align:center;background-color:#00000008;flex-direction:column;width:100%;max-width:1200px;margin:10em auto 0;padding:2em 1em;display:flex}.hero-card{background-color:#fff;border-radius:12px;align-items:center;width:90%;height:auto;margin:0 auto;padding:2em 0;box-shadow:0 14px 20px #00000024}.hero-role{font-size:20px;font-weight:600}.person-name{margin:20px auto}.hero-copy{width:100%;font-size:22px;font-weight:700}.btn{text-align:center;color:#fff;background:#00acee;border:3px solid #00acee;border-radius:50px;width:40%;min-width:250px;margin:10px auto 0;padding:10px 20px;font-size:17px;font-weight:700;text-decoration:none;transition:all .4s;display:block;box-shadow:5px 5px 20px #00000024}.btn:hover,.btn:focus{color:#00acee;box-shadow:none;background-color:#fff}.works-preview{width:min(1200px,100%);margin:3em auto}.section-title{text-align:center;margin:1em auto 0}.works-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:1.5em;width:100%;max-width:1200px;margin:20px auto;padding:0 1em;display:grid}.work-card{border-radius:12px;width:100%;height:100%;padding:20px 0;box-shadow:0 14px 20px #00000024}.work-card a{color:#333;text-decoration:none;display:block}.work-card-thumb img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.work-card-info{text-align:center;flex-direction:column;gap:1em;margin:20px auto 0;padding:0 1em;display:flex}.work-cord-tag{font-size:17px;font-weight:600}.work-cord-title{font-size:20px;font-weight:900}.works-preview-footer{margin-top:2em}.cta{text-align:center;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:2em 0;display:flex}.cta-box{background-color:#00acee;width:80%;max-width:750px;margin:0 auto;padding:20px 1em;box-shadow:0 14px 20px #00000024}.cta-txt,.cta-txt-small{color:#fff;font-size:20px;font-weight:600}.cta-txt{flex-wrap:nowrap}.cta-txt-small{display:none}.call-box{flex-direction:row;justify-content:center;align-items:flex-start;display:flex}.call-box img{width:20px;height:20px;margin:10px 5px 0 0;display:block}.cta-box a{text-decoration:none;display:block}.call-number{color:#fff;white-space:nowrap;font-size:30px;font-weight:900;transition:all .4s}.call-number:hover,.call-number:focus{color:#ccc}.cta-btn{color:#00acee;background-color:#fff;border:3px solid #fff;width:90%;min-width:250px;margin:0 auto;padding:20px 0;font-size:20px;font-weight:900;transition:all .4s}.cta-btn:hover,.cta-btn:focus{color:#fff;background-color:#00acee}@media screen and (width<=540px){.cta-box{width:100%}.cta-txt-small{display:block}.cta-txt,.call-box{display:none}}@media screen and (width>=768px){.cta-box{border-radius:12px;flex-direction:row;justify-content:space-between;gap:2em;min-width:500px;display:flex}.cta-txt-box{margin-left:3em}.cta-btn{border-radius:12px;max-width:300px;margin:0 3em 0 0}}.page{gap:1rem;width:fit-content;margin:12vh 0 2vh 1vw;display:flex}.page_link{color:#333;font-weight:400;text-decoration:none;position:relative}.page_link:after{content:"";transform-origin:100%;background:currentColor;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.page_link:hover:after{transform-origin:0;transform:scaleX(1)}.person{width:90%;margin:0 auto 2em;box-shadow:0 18px 25px #00000014}.ms_img{width:90%;min-width:80%;margin:10px auto 20px;font-size:30px;font-weight:900}.person_img{aspect-ratio:3/4;object-fit:cover;width:80%;height:auto;margin:30px auto;display:block}.role{margin:0 auto;padding:0 1em;font-size:20px;font-weight:900}.person_name{text-align:center;margin:0 auto;padding:10px 0 0}.position_box{text-align:left;width:90%;margin:0 auto;display:block}.position{text-align:left;width:100%;margin:1em auto;font-size:17px;font-weight:500;display:inline-block}.view-works-link{color:#777;text-align:center;background:#f7f7f7;border-radius:7px;width:100px;min-width:200px;margin:1em auto;padding:10px;font-size:20px;font-weight:700;text-decoration:none;transition:all .4s;display:block;box-shadow:5px 5px 2px #00000024}@media screen and (width>=768px){.view-works-link{color:#777;text-align:center;background:#f7f7f7;border-radius:7px;width:200px;min-width:200px;margin:1em auto;padding:10px;font-size:20px;font-weight:700;text-decoration:none;transition:all .4s;display:block;box-shadow:5px 5px 2px #00000024}.view-works-link:hover{color:#fff;box-shadow:none;background:#777;border-radius:50px}}.view-works-link:focus{color:#fff;box-shadow:none;background:#777;border-radius:50px}.skills{text-align:center;width:100%;margin:0 auto}.skill_span{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;align-items:stretch;gap:3em;width:100%;max-width:1800px;height:auto;margin:0 auto 3em;display:grid}.skill_msg{text-align:center;margin:0 auto;padding-bottom:1em;font-size:30px}.skill_type{text-align:center;background:#f7f7f7;align-items:stretch;width:90%;height:auto;margin:0 auto 3em;padding:20px 0;box-shadow:0 15px 25px #0003}.skill_type-title{margin-bottom:1em;font-size:25px;font-weight:900}.skill-paragraph{text-align:center;margin:0 auto 1em;font-size:20px;font-weight:600}.skill_set{flex-direction:column;gap:1em;margin:0 auto;list-style:none;display:inline-flex}.skill_item{text-align:left;font-size:18px;font-weight:600}.skill_item:last-child{margin-bottom:0}.skill_protocol{text-align:left;width:70%;margin:2em auto 0;padding:0 1em;display:block}.mail_about{background:#f1f1f1;align-items:stretch;width:90%;height:auto;margin:0 auto;padding:0 1em 20px;display:block}@media screen and (width<=400px){.mail_about{padding:0 0 20px}}picture{width:8em;margin:0 auto;padding-top:2em;display:block}.offer_msg-box{text-align:center;width:90%;margin:0 auto}.offer_intro{text-align:center;margin:20px auto;font-size:30px;display:block}.offer_msg{text-align:left;width:90%;margin:0 auto;padding-bottom:20px;font-size:17px;display:inline-block}.mail_offer{color:#333;background:#fff;border:2px solid #ccc;align-items:center;width:250px;margin:1em auto;padding:10px 0;text-decoration:none;display:flex;position:relative;overflow:hidden}.mail_offer:after{content:"";transform-origin:100%;z-index:0;background:#555;transition:transform .3s;position:absolute;inset:0;transform:scaleX(0)}.mail_offer span,.mail_offer img{z-index:1;position:relative}.mail_offer:hover{color:#fff}.mail_offer:hover:after{transform-origin:0;transform:scaleX(1)}.mail_offer img{width:30px;height:auto;margin:0 15px}.send{font-size:15px;font-weight:600}.mail_offer:hover .mail_img{filter:brightness(0)invert()}.works_character{margin:1em auto;padding:0 1em;font-size:30px;font-weight:900}.work_desc{flex-direction:column;align-items:stretch;gap:3em;width:100%;display:flex}.video_section{width:100%;height:auto;margin:0 auto;padding-bottom:20px}.video_box{aspect-ratio:16/9;width:100%;position:relative}.time_code{color:#fff;background:#00000080;width:fit-content;margin-top:10px;padding:5px 10px}.video_title{text-align:center;margin:1em auto;font-size:25px;font-weight:800}.explanation{text-align:left;margin:1em auto;padding:0 1em;display:inline-block}.pr_li{text-align:left;margin:0 20px;padding:0 1em;display:block}.pr_li dt{border-bottom:2px solid #00acee;width:fit-content;padding-bottom:5px;font-size:20px;font-weight:600}.pr_li dd{margin:10px 0}iframe{aspect-ratio:16/9;width:100%;height:auto;display:block}.video_box iframe,.video_box video{width:100%;height:100%;display:block}.video-thumb{object-fit:cover;z-index:1;opacity:1;will-change:opacity;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.video-thumb.is-hidden{opacity:0;pointer-events:none;display:none}.video_box:hover .video-thumb{opacity:0}.summary{flex-direction:column;width:100%;margin:3em auto;padding:2em 0;display:flex}.summary-title{margin:0 0 1em 1em}.summary-grid{width:100%;margin:2em auto;display:block}.summary-box{height:auto;margin:0 auto;padding:2em 0;display:block}.summary-sub-title{text-align:center;margin:1em auto;padding-bottom:20px;font-size:25px;font-weight:900;display:block}.summary-img{width:100%;height:auto;margin:0 auto;display:block;box-shadow:0 5px 20px #0003}.summary-txt-wrap{text-align:left;width:90%;margin:0 auto;padding:0 1em;display:block}.summary-label{text-align:left;border-bottom:3px solid #00acee;width:fit-content;padding:5px 0;font-size:20px;font-weight:600;display:block}.summary-txt{text-align:left;margin:1em 0;display:block}.lp-link{color:#fff;text-align:center;background:#00acee;border:2px solid #00acee;border-radius:10px;width:min(400px,80%);margin:3em auto 1em;padding:20px 10px;font-size:20px;font-weight:900;text-decoration:none;transition:all .4s;display:block;box-shadow:5px 5px 5px #333}.lp-link:hover{color:#00acee;box-shadow:none;background:#fff}.card{background:#fff;width:100%;display:block;box-shadow:0 5px 16px #00000014}.contact{padding:0 2em}.mail_protocol{text-align:left;width:80%;min-width:100px;margin-left:3em;padding:0 3em;display:inline-block}.catch{width:fit-content;margin-top:.5em;padding:0 1em;font-size:30px;font-weight:900}.form{width:100%;margin:0 auto;padding:0 1rem}.contact_form{background:#ccc;border-radius:10px;max-width:500px;margin:2em auto;padding:0 1rem 1rem}.form_style{flex-direction:column;width:100%;max-width:500px;margin:0 auto;padding:1em;display:flex}.form_title{text-align:center;border-bottom:3px solid #00acee;width:50px;min-width:55%;margin:0 auto 20px;padding-bottom:.4em;font-size:1.8rem;font-weight:800}@media screen and (width>=390px){.form_title{text-align:center;border-bottom:3px solid #00acee;width:50px;min-width:70%;margin:0 auto 20px;padding-bottom:.4em;font-size:1.8rem;font-weight:800}}.form_field{text-align:left;display:inline-block}.label-protocol,.radio-protocol{text-align:left;margin:0 0 .8em 0;font-size:1.2em;font-weight:500}.area-protocol{text-align:left;margin:1.2em 0 .8em 0;font-size:1.2em;font-weight:500}.req{color:red;margin-left:.4em;font-size:.8rem}.req-nth{color:#333;margin-left:.4em;font-size:.8rem}.select,.input-name,.input-mail,.area{border:none;border-radius:7px;width:100%;min-width:100px;margin:0 auto 20px;padding:10px 0}.error{opacity:0;visibility:hidden;color:red;min-height:1.1em;margin-bottom:10px;font-weight:500;transition:all .2s}.error.show{opacity:1;visibility:visible}input[type=radio]{z-index:1;display:inline-flex;transform:scale(1.5)}.gender{font-size:1.2em;font-weight:500}.male{margin-right:20px}a,select,input,textarea{cursor:pointer}.button{border:none;border-radius:12px;width:100%;margin:1.8em auto 0;padding:.8em 2.6em;font-size:1.1rem;font-weight:600;display:block;box-shadow:5px 5px 1px #555}.button:hover{color:#fff;box-shadow:none;background:#00acee;transition:all .25s}.contact_border{border-bottom:1px solid #0000001a;width:100%;max-width:1920px;margin-top:2em}@media screen and (width>=768px){main{flex:1;width:100%;margin:0 auto;padding:0 1em}.page{margin:15vh 0 0 3em;padding:0 1em}.ms_img{text-align:left;width:100%;margin:10px 0;padding:0;font-size:40px}.person-box{flex-direction:column;margin:0 auto;display:flex}.person{text-align:left;background:#fbfbfb;flex-direction:row;justify-content:center;align-items:center;width:100%;max-width:1800px;margin:2em auto 20px;padding:20px 0;display:inline-flex;box-shadow:0 12px 20px #0000001a}.person_img{width:300px;margin:0 3em}.role_box{text-align:left;display:block}.role{padding:0;font-size:30px;font-weight:600}.person_name{text-align:left;font-size:40px;font-weight:900}.position_box{width:100%;display:inline-block}.position{font-size:20px;font-weight:500;line-height:2}.skill_msg{font-size:40px;font-weight:900}.skill_type{background:#f7f7f7;border-radius:10px;width:100%;min-width:300px;margin:0 auto;padding:2em 0;box-shadow:0 8px 20px #00000024}.skill_type-title{text-align:center;margin:10px auto 20px;font-size:30px}.skill_item{font-size:20px;font-weight:600}.mail_about{align-items:center;gap:5em;width:50%;min-width:600px;height:auto;padding:4em 0;display:flex}picture source{display:none}.mail_about-img{width:180px;margin:0 50px;display:block}.offer_msg-box{text-align:left;justify-content:center;margin-left:6em}.offer_intro{text-align:left}.mail_offer{text-align:left;justify-content:start;margin-top:20px;display:flex}.works_character{margin:1em 0 0 2em;font-size:30px;font-weight:900}.work_desc{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:5em;width:min(1100px,90%);margin:2em auto;display:grid}.video_title{text-align:center;width:100%;margin:1em auto;font-size:20px;font-weight:800}iframe{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.video_section{flex-direction:column;width:100%;min-width:300px;height:100%;padding-bottom:20px;display:flex}.video_box{aspect-ratio:16/9;width:100%;position:relative}.time_code{color:#fff;background:#00000080;width:fit-content;margin:10px 0 0;padding:5px 10px}.video_box iframe,.video_box video{width:100%;height:100%;display:block}.video-thumb{object-fit:cover;z-index:1;opacity:1;will-change:opacity;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.video-thumb.is-hidden{opacity:0;pointer-events:none}.video_box:hover .video-thumb{opacity:0}.summary-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-content:start;align-items:stretch;gap:5em;width:min(1100px,90%);margin:2em auto;display:grid}.summary-img{width:100%;height:auto;margin:0 auto;padding:0 1em;display:block}.catch{margin:1em 0 0 2em}.contact{width:43vw;margin-left:4em;padding:0 1em}.mail_protocol{min-width:700px}}