@charset "UTF-8";:root{--white-color01:#fff;--black-color01:#000;--black-color02:#1a1a1a;--accent-color:#250f02;--primary-color01:#11d37f;--primary-color02:#f51414;--content-width-sm:496px;--content-width:672px;--content-width-lg:1024px;--z-index-back:-1;--z-index-default:1;--z-index-page-top:50;--z-index-header:100;--z-index-menu:150;--z-index-modal:200}body{background:var(--black-color01);color:var(--white-color01);font-family:"Inria Serif",serif;font-size:16px;line-height:2;letter-spacing:.1em}.l_header{width:100dvw;padding:16px;background:0 0;z-index:var(--z-index-header);display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0}.l_header-sub{position:static}.l_header-logo{height:100%;font-family:"Meddon",cursive}.l_header-logo_link{width:100%;height:100%}.l_header-nav_list{position:fixed;bottom:0;right:0;width:200px;height:200px;background-color:rgba(0,0,0,.3);z-index:var(--z-index-menu);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.l_header-nav_list.is-active{opacity:1;visibility:visible;pointer-events:auto}.l_header-nav_link{font-size:24px;display:inline-block;transition:scale .3s ease}.l_header-nav_link:hover{scale:1.1}.l_section{padding:80px 16px}.l_container{margin-top:32px}@media screen and (min-width:768px){.l_header{padding:24px 16px}.l_header-logo{font-size:24px}.l_section{padding:80px 40px}}@media screen and (min-width:1080px){.l_header{padding:24px 32px}.l_header-logo{font-size:32px}.l_header-nav_list{position:static;width:auto;height:auto;background:0 0;display:block;opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.l_section{padding:80px}}.m_menu{position:relative;z-index:var(--z-index-modal);cursor:pointer}.m_button_container{padding:24px 0;display:flex;justify-content:center;align-items:center}.m_button_link{padding:8px 16px;border-radius:4px;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,.1)}.m_button_link:hover .m_button_txt{scale:1.1;transition:scale .3s ease}.m_button_after{width:18px;height:18px;margin-left:16px;position:relative}.m_button_after:after{content:"";width:1px;height:18px;position:absolute;left:50%;transform:translateX(-50%);background:var(--primary-color02)}.m_button_after:before{content:"";width:18px;height:1px;position:absolute;top:50%;transform:translateY(-50%);background:var(--primary-color02)}@media screen and (min-width:768px){.m_menu{font-size:20px}.m_button_link{padding:16px 24px;font-size:24px}.m_button_after,.m_button_after:after,.m_button_after:before{width:24px;height:24px}.m_button_after:after{width:1px}.m_button_after:before{height:1px}}@media screen and (min-width:1080px){.m_menu{display:none}.m_button_container{padding:40px 0}.m_button_link{padding:20px 40px;font-size:24px}}.top_kv-slideshow{height:100dvh;width:100%;position:relative;z-index:var(--z-index-default);overflow:hidden}.top_kv-slideshow_slide_img{object-fit:cover;height:100%}.top_Marquee_container{overflow:hidden;width:100%;background:var(--black-color01);padding:10px 0}.top_marqee_inner{height:100%;display:flex;width:fit-content;overflow:hidden}.top_marquee-txt{display:flex;justify-content:center;align-items:center;white-space:nowrap;color:var(--primary-color01);animation:marquee 10s linear infinite;padding-right:8px}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.top_works-inner{position:relative;width:100%}.top_work_img-container{height:100dvh;border:1px solid var(--white-color01)}.top_work-img{width:100%;height:100%;object-fit:cover;object-position:center}.top_work_desk-container{padding:16px;width:200px;max-height:350px;background:rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:30%;right:0;transform:translateY(-50%)}.top_work-ttl{font-weight:700;text-align:center}.top_work-txt{word-break:break-all;display:block;margin-top:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}@media screen and (min-width:768px){.top_Marquee_container{height:100px}.top_marquee-txt{font-size:24px}.top_work_desk-container{width:300px}.top_work-ttl{font-size:24px}.top_work-txt{font-size:20px}}@media screen and (min-width:1080px){.top_Marquee_container{height:160px}.top_marquee-txt{font-size:32px}.top_work_desk-container{top:50%;width:400px;max-height:400px}.top_work-ttl{font-size:32px}.top_work-txt{font-size:24px}}.works_body{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(//xs595234.xsrv.jp/mizukigoto/wp-content/themes/後藤瑞稀_ポートフォリオ_wp/css/../img/背景.JPG);background-size:cover}.section_ttl{font-size:24px;font-weight:700;text-shadow:0 4px 4px var(--black-color01)}.works_content{height:auto;display:flex;flex-direction:column}.works_content:not(:first-child){margin-top:64px}.works_img-container{position:relative;width:100%;height:300px;border:6px solid var(--accent-color);border-radius:8px;overflow:hidden}.works_img-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);opacity:0;transition:opacity .3s ease;pointer-events:none}.works_content_link{display:flex;width:100%;height:100%;box-shadow:0 4px 4px 0 rgba(0,0,0,.2)}.works_content_link:hover .works_img-container:after{opacity:1}.works_img{width:100%;height:100%;object-fit:cover}.works_content-ttl_pc{opacity:0;transition:opacity .3s ease;pointer-events:none;position:absolute;left:32px;bottom:24px;font-size:24px}@media screen and (min-width:1080px){.works_content_link:hover .works_content-ttl_pc{opacity:1}}.works_content-ttl{font-size:18px;margin-top:8px;text-align:center}.works_sns-container{margin-top:64px;margin-left:auto;margin-right:auto;display:flex;justify-content:center;align-items:center}.works_sns-img_container{width:28px;height:28px;margin-left:8px}.works_sns-link{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.works_sns-img{width:100%;height:100%;object-fit:cover}@media screen and (min-width:768px){.section_ttl{font-size:32px}.works_img-container{height:500px;border:10px solid var(--accent-color)}.works_content-ttl{font-size:24px}.works_sns-ttl{font-size:24px}.works_sns-img_container{width:40px;height:40px}}@media screen and (min-width:1080px){.section_ttl{font-size:40px}.works_contents{display:grid;width:100%;grid-template-columns:1fr 1fr;grid-auto-rows:400px;gap:40px}.works_content:not(:first-child){margin-top:0}.works_content:nth-child(8n-2){grid-row:span 2}.works_content:nth-child(8n){grid-column:span 2;grid-row:span 2}.works_img-container{border:12px solid var(--accent-color);height:100%}.works_content-ttl{display:none}}.single_img-container{width:100%;height:350px;border-radius:16px 16px 0 0;position:relative;cursor:pointer}.single_img-container:after{content:"";width:25px;height:25px;border-radius:100px;background:url(//xs595234.xsrv.jp/mizukigoto/wp-content/themes/後藤瑞稀_ポートフォリオ_wp/css/../img/zoom_in_24dp_E3E3E3_FILL0_wght400_GRAD0_opsz24.svg);background-size:cover;position:absolute;bottom:16px;right:16px}.single_img{width:100%;height:100%;object-fit:cover;border-radius:16px 16px 0 0}.single_content_dec-container{min-height:280px;padding:24px 16px;background-color:rgba(0,0,0,.5);border-radius:0 0 16px 16px}.single_content_cat-size{font-size:12px}.single_content_desc-txt{margin-top:24px}@media screen and (min-width:768px){.single_section{padding:80px}.single_img-container{height:450px}.single_img-container:after{width:30px;height:30px}.single_content_cat-size{font-size:14px}}@media screen and (min-width:1080px){.single_img-container{height:700px}.single_img-container:after{width:40px;height:40px}.single_content_cat-container{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center}.single_content_dec-container{min-height:400px;padding:32px 40px}.single_content_cat-ttl{font-size:24px}.single_content_cat-size{font-size:18px}.single_content_desc-txt{font-size:24px}}.about_body{background:var(--black-color02)}.about_contents{margin-top:32px}.about_content{display:flex;flex-direction:column}.about_content:not(:first-child){margin-top:40px}.about_content-ttl_wrapper{width:100%;padding:16px 0;border:1px solid var(--white-color01);display:flex;justify-content:center;align-items:center}.about_container{min-width:264px;padding:24px 16px;border:1px solid var(--white-color01)}.about_profile_img-container{width:200px;height:200px;flex-shrink:0;border:1px solid var(--white-color01);margin-left:auto;margin-right:auto}.about_plofile_img{width:100%;height:100%;object-fit:cover}.about_plofile_ttl{margin-top:16px;text-align:center}.about_sns_img-box{display:flex;justify-content:center;align-items:center}.about_sns_img-container{width:28px;height:28px;display:flex;justify-content:center;align-items:center}.about_sns_img-container:not(:first-child){margin-left:16px}.about_sns_link{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.about_sns_img{width:100%;height:100%;object-fit:cover}.about_txt{margin-top:24px}@media screen and (min-width:768px){.about_content-ttl{font-size:20px}.about_profile_img-container{width:300px}.about_plofile_ttl{font-size:24px}.about_txt_prfile{margin-top:24px}.about_sns_img-container{width:35px;height:35px}.about_txt{margin-top:24px}}@media screen and (min-width:1080px){.about_section{padding:80px 40px}.about_content{flex-direction:row}.about_content-ttl_wrapper{max-width:200px}.about_content-ttl{font-size:24px}.about_container{width:100%;min-height:400px;gap:40px;display:flex;justify-content:center;align-items:center}.about_profile_img-container{margin-left:0;margin-right:0;width:350px;height:300px}.about_plofile_txt-container{height:100%;max-width:650px}.about_plofile_ttl{font-size:32px}.about_sns_img-box{min-width:360px;gap:40px}.about_sns_img-container{width:40px;height:40px}.about_txt{max-width:650px;display:flex;justify-content:center;align-items:center}.about_txt_sns{margin-top:0}}.modal-wrapper{cursor:pointer;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.9);z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-wrapper.is-active{opacity:1;pointer-events:auto}.modal-container{width:95vw;height:95dvh}.modal-img{width:100%;height:100%;object-fit:contain}.modal-close{position:absolute;top:20px;right:20px;cursor:pointer;font-size:24px}
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;width:100%}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}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,button{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;border-radius:0;border:none;appearance:none;-webkit-appearance:none;background-color:inherit}input,textarea,select{font-size:16px}textarea{resize:vertical;display:block}button{padding:0;cursor:pointer}legend{color:#000}main{display:block}a{text-decoration:none;color:inherit}img{width:100%;height:auto;vertical-align:bottom}svg{display:block}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}*:before,*:after{box-sizing:border-box}
@charset "UTF-8";:root{--white-color01:#fff;--black-color01:#000;--black-color02:#1a1a1a;--accent-color:#250f02;--primary-color01:#11d37f;--primary-color02:#f51414;--content-width-sm:496px;--content-width:672px;--content-width-lg:1024px;--z-index-back:-1;--z-index-default:1;--z-index-page-top:50;--z-index-header:100;--z-index-menu:150;--z-index-modal:200}body{background:var(--black-color01);color:var(--white-color01);font-family:"Inria Serif",serif;font-size:16px;line-height:2;letter-spacing:.1em}.l_header{width:100dvw;padding:16px;background:0 0;z-index:var(--z-index-header);display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0}.l_header-sub{position:static}.l_header-logo{height:100%;font-family:"Meddon",cursive}.l_header-logo_link{width:100%;height:100%}.l_header-nav_list{position:fixed;bottom:0;right:0;width:200px;height:200px;background-color:rgba(0,0,0,.3);z-index:var(--z-index-menu);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.l_header-nav_list.is-active{opacity:1;visibility:visible;pointer-events:auto}.l_header-nav_link{font-size:24px;display:inline-block;transition:scale .3s ease}.l_header-nav_link:hover{scale:1.1}.l_section{padding:80px 16px}.l_container{margin-top:32px}@media screen and (min-width:768px){.l_header{padding:24px 16px}.l_header-logo{font-size:24px}.l_section{padding:80px 40px}}@media screen and (min-width:1080px){.l_header{padding:24px 32px}.l_header-logo{font-size:32px}.l_header-nav_list{position:static;width:auto;height:auto;background:0 0;display:block;opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.l_section{padding:80px}}.m_menu{position:relative;z-index:var(--z-index-modal);cursor:pointer}.m_button_container{padding:24px 0;display:flex;justify-content:center;align-items:center}.m_button_link{padding:8px 16px;border-radius:4px;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,.1)}.m_button_link:hover .m_button_txt{scale:1.1;transition:scale .3s ease}.m_button_after{width:18px;height:18px;margin-left:16px;position:relative}.m_button_after:after{content:"";width:1px;height:18px;position:absolute;left:50%;transform:translateX(-50%);background:var(--primary-color02)}.m_button_after:before{content:"";width:18px;height:1px;position:absolute;top:50%;transform:translateY(-50%);background:var(--primary-color02)}@media screen and (min-width:768px){.m_menu{font-size:20px}.m_button_link{padding:16px 24px;font-size:24px}.m_button_after,.m_button_after:after,.m_button_after:before{width:24px;height:24px}.m_button_after:after{width:1px}.m_button_after:before{height:1px}}@media screen and (min-width:1080px){.m_menu{display:none}.m_button_container{padding:40px 0}.m_button_link{padding:20px 40px;font-size:24px}}.top_kv-slideshow{height:100dvh;width:100%;position:relative;z-index:var(--z-index-default);overflow:hidden}.top_kv-slideshow_slide_img{object-fit:cover;height:100%}.top_Marquee_container{overflow:hidden;width:100%;background:var(--black-color01);padding:10px 0}.top_marqee_inner{height:100%;display:flex;width:fit-content;overflow:hidden}.top_marquee-txt{display:flex;justify-content:center;align-items:center;white-space:nowrap;color:var(--primary-color01);animation:marquee 10s linear infinite;padding-right:8px}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.top_works-inner{position:relative;width:100%}.top_work_img-container{height:100dvh;border:1px solid var(--white-color01)}.top_work-img{width:100%;height:100%;object-fit:cover;object-position:center}.top_work_desk-container{padding:16px;width:200px;max-height:350px;background:rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:30%;right:0;transform:translateY(-50%)}.top_work-ttl{font-weight:700;text-align:center}.top_work-txt{word-break:break-all;display:block;margin-top:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}@media screen and (min-width:768px){.top_Marquee_container{height:100px}.top_marquee-txt{font-size:24px}.top_work_desk-container{width:300px}.top_work-ttl{font-size:24px}.top_work-txt{font-size:20px}}@media screen and (min-width:1080px){.top_Marquee_container{height:160px}.top_marquee-txt{font-size:32px}.top_work_desk-container{top:50%;width:400px;max-height:400px}.top_work-ttl{font-size:32px}.top_work-txt{font-size:24px}}.works_body{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(//xs595234.xsrv.jp/mizukigoto/wp-content/themes/後藤瑞稀_ポートフォリオ_wp/css/../img/背景.JPG);background-size:cover}.section_ttl{font-size:24px;font-weight:700;text-shadow:0 4px 4px var(--black-color01)}.works_content{height:auto;display:flex;flex-direction:column}.works_content:not(:first-child){margin-top:64px}.works_img-container{position:relative;width:100%;height:300px;border:6px solid var(--accent-color);border-radius:8px;overflow:hidden}.works_img-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);opacity:0;transition:opacity .3s ease;pointer-events:none}.works_content_link{display:flex;width:100%;height:100%;box-shadow:0 4px 4px 0 rgba(0,0,0,.2)}.works_content_link:hover .works_img-container:after{opacity:1}.works_img{width:100%;height:100%;object-fit:cover}.works_content-ttl_pc{opacity:0;transition:opacity .3s ease;pointer-events:none;position:absolute;left:32px;bottom:24px;font-size:24px}@media screen and (min-width:1080px){.works_content_link:hover .works_content-ttl_pc{opacity:1}}.works_content-ttl{font-size:18px;margin-top:8px;text-align:center}.works_sns-container{margin-top:64px;margin-left:auto;margin-right:auto;display:flex;justify-content:center;align-items:center}.works_sns-img_container{width:28px;height:28px;margin-left:8px}.works_sns-link{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.works_sns-img{width:100%;height:100%;object-fit:cover}@media screen and (min-width:768px){.section_ttl{font-size:32px}.works_img-container{height:500px;border:10px solid var(--accent-color)}.works_content-ttl{font-size:24px}.works_sns-ttl{font-size:24px}.works_sns-img_container{width:40px;height:40px}}@media screen and (min-width:1080px){.section_ttl{font-size:40px}.works_contents{display:grid;width:100%;grid-template-columns:1fr 1fr;grid-auto-rows:400px;gap:40px}.works_content:not(:first-child){margin-top:0}.works_content:nth-child(8n-2){grid-row:span 2}.works_content:nth-child(8n){grid-column:span 2;grid-row:span 2}.works_img-container{border:12px solid var(--accent-color);height:100%}.works_content-ttl{display:none}}.single_img-container{width:100%;height:350px;border-radius:16px 16px 0 0;position:relative;cursor:pointer}.single_img-container:after{content:"";width:25px;height:25px;border-radius:100px;background:url(//xs595234.xsrv.jp/mizukigoto/wp-content/themes/後藤瑞稀_ポートフォリオ_wp/css/../img/zoom_in_24dp_E3E3E3_FILL0_wght400_GRAD0_opsz24.svg);background-size:cover;position:absolute;bottom:16px;right:16px}.single_img{width:100%;height:100%;object-fit:cover;border-radius:16px 16px 0 0}.single_content_dec-container{min-height:280px;padding:24px 16px;background-color:rgba(0,0,0,.5);border-radius:0 0 16px 16px}.single_content_cat-size{font-size:12px}.single_content_desc-txt{margin-top:24px}@media screen and (min-width:768px){.single_section{padding:80px}.single_img-container{height:450px}.single_img-container:after{width:30px;height:30px}.single_content_cat-size{font-size:14px}}@media screen and (min-width:1080px){.single_img-container{height:700px}.single_img-container:after{width:40px;height:40px}.single_content_cat-container{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center}.single_content_dec-container{min-height:400px;padding:32px 40px}.single_content_cat-ttl{font-size:24px}.single_content_cat-size{font-size:18px}.single_content_desc-txt{font-size:24px}}.about_body{background:var(--black-color02)}.about_contents{margin-top:32px}.about_content{display:flex;flex-direction:column}.about_content:not(:first-child){margin-top:40px}.about_content-ttl_wrapper{width:100%;padding:16px 0;border:1px solid var(--white-color01);display:flex;justify-content:center;align-items:center}.about_container{min-width:264px;padding:24px 16px;border:1px solid var(--white-color01)}.about_profile_img-container{width:200px;height:200px;flex-shrink:0;border:1px solid var(--white-color01);margin-left:auto;margin-right:auto}.about_plofile_img{width:100%;height:100%;object-fit:cover}.about_plofile_ttl{margin-top:16px;text-align:center}.about_sns_img-box{display:flex;justify-content:center;align-items:center}.about_sns_img-container{width:28px;height:28px;display:flex;justify-content:center;align-items:center}.about_sns_img-container:not(:first-child){margin-left:16px}.about_sns_link{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.about_sns_img{width:100%;height:100%;object-fit:cover}.about_txt{margin-top:24px}@media screen and (min-width:768px){.about_content-ttl{font-size:20px}.about_profile_img-container{width:300px}.about_plofile_ttl{font-size:24px}.about_txt_prfile{margin-top:24px}.about_sns_img-container{width:35px;height:35px}.about_txt{margin-top:24px}}@media screen and (min-width:1080px){.about_section{padding:80px 40px}.about_content{flex-direction:row}.about_content-ttl_wrapper{max-width:200px}.about_content-ttl{font-size:24px}.about_container{width:100%;min-height:400px;gap:40px;display:flex;justify-content:center;align-items:center}.about_profile_img-container{margin-left:0;margin-right:0;width:350px;height:300px}.about_plofile_txt-container{height:100%;max-width:650px}.about_plofile_ttl{font-size:32px}.about_sns_img-box{min-width:360px;gap:40px}.about_sns_img-container{width:40px;height:40px}.about_txt{max-width:650px;display:flex;justify-content:center;align-items:center}.about_txt_sns{margin-top:0}}.modal-wrapper{cursor:pointer;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.9);z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-wrapper.is-active{opacity:1;pointer-events:auto}.modal-container{width:95vw;height:95dvh}.modal-img{width:100%;height:100%;object-fit:contain}.modal-close{position:absolute;top:20px;right:20px;cursor:pointer;font-size:24px}